Typographical Design Elements for Web Design and Printing Part Two

Whitespace 

The space between composed elements is the white space. If your elements of design are too compacted and dense, the content becomes a difficult thing to read. You can use whitespace to guide viewers across a composition and create balance. This can create an elegant feeling or include a communication to your typography. Example FedEx logo makes use of whitespace to make a counter form that includes secondary communication level. This whitespace is used to create elegance and simplicity. 

Colour Contrast 

Colour contrast is an element of graphic design. Avoid colour contrasts like adding a black text to a white constrast. When you look at many designed websites, you will observe the black text field on its white background is grey to enable users read. Convert colours to a grey scale for efficiency. 

Font Size 

Web design and print design are 2 different things. Print design accepts a 10 pt font as a body copy but for the web, it uses pixels for a body copy. 10pt is equal to 13 px. Don't go smaller than this size. Use larger fonts.  

Sans Serif vs Serif 

Some people prefer Serif while others prefer Sans Serif. Some prefer serif fonts for headers and titles, and, serif fonts for body copy. San Serif fonts are more readable, while serif fonts are used for headers and titles. You can compare typefaces. 

Webfonts 

Earlier typography have a limited use. Before, typography was limited to system or safe fonts. Today web typography lets end users to use fonts meant for them. You can use non system fonts too, by adding a link to your heading tag. It is not necessary any longer to use fullback fonts. You can get professional fonts with its web licence for distributions like typotheque.com, typekit.com, fontspring.com and myfonts.com. Majority of the sites have licensing options that lets you use it on the web and printing. Google Webfonts can serve. Websites like webtype.com can try a font-swapper, adamstoddard.com is an example of web fonts you can use. Another webfont you can use is WhatFont.