Question

Having read chapter 5, discuss the significance of typography in web design. What are the most important elements of typography that determine effective outlook of web pages?

Back up your statements with references.

Answer 1

Typography: Right selection of font ,size ,color ,layout, alignment(left ,center ,right) and other factors

which affect the design of type on a page.

1. Importance of Typography in Web Design

• Good User experience.
• Gives more professional looks to a website.
• Maintains consistency throughout a website.
• Help to make content attractive.
• Improves the readability of a website.

2. Most important (Basic) elements of typography for effective outlook of webpages

Image 1- Same font different type phases.

Contrast is important.

Leftside of image -White background ,black text.(Font- Helvetica)

Rightside of image-Black background ,white text.(Font- Open Sans)

Image 2-There are three types of fonts

Usage in mobile display ,printing etc.

Serif font used mostly in corporate based website or print design.

Image-3 Serif font identification is end of character is tail like.

Example -Times New Roman (By default available in windows).

Sans-Serif- Sans means without Serif or tail.(See Image-2).

Example- Arial, Open-Sans etc.

Decorative Font- Complete customised (made by web designer or custom made ) font.

Example- see Image-2

  

Some basic points to be taken into consideration in Typography.

Image-4 Leading Lines

Left side is cluttered,Not properly readable.

The difference between leading lines of monument...... and 20th century... should be 120%.

Example: Left side of image -10 points(pt) difference between leading lines.

Right side of image - 12 pt difference between leading lines.

120% of 10 = 12.

Limit Line Width- Number of characters per line.

60 character per line perfect in websites .(normal screen)

30-40 character per line in mobile screen.

Typography best practice- Not more than 2 or 3 different fonts be used in a paragraph.