typography on web

19
Typography on web

Upload: milind-chaskar

Post on 11-Aug-2014

3.353 views

Category:

Design


3 download

DESCRIPTION

It’s been said that web design is 95% typography. So as a web designer, getting the typography right is a must. Today with the growing popularity of web fonts and modern CSS techniques, this task has become easier, but it never hurts to have all the help you can get with something so critical. That’s why we’ve rounded up some useful tools to help you create better web typography. Communicating via typefaces. Fonts and layout.

TRANSCRIPT

Page 1: Typography on Web

Typography on web

Page 2: Typography on Web

Types of Fonts

Serif

Sanserif Script

Page 3: Typography on Web

Words SentencesSentences Paragraph

Paragraph Grouping

Grouping SectionsSections Documents

Words to Document

Page 4: Typography on Web

Letters Spacing

Page 5: Typography on Web

Line Spacing

Page 6: Typography on Web

Fonts for small text

Page 7: Typography on Web

Use of Different Fonts

Page 8: Typography on Web

1. Large fonts are easier to read.2. It’s work exceptionally well as stand along with design

elements.3. Appropriate font will well describe and understand the

message.4. Fonts describe mood, emotions, Age and behavior of your

website.5. Font selection is very important part to show your message.6. Avoid to use Serif font for copy.7. Use Sanserif (Arial, Verdana, Tahoma, Helvetica ) for small

text.8. Use different type of font variation for text to easy to

readable.9. You can use Serif fonts for heading.

Fonts Usages

Page 9: Typography on Web

Use of Large Fonts

Page 10: Typography on Web

Use of Large Fonts

Page 11: Typography on Web

Use of Large Fonts

Page 12: Typography on Web

Increased white space

Page 13: Typography on Web

Image & Text

Page 14: Typography on Web

Brand colors using Typography

Page 15: Typography on Web

Font variation for Elements

Page 16: Typography on Web

Text Animation for Slider

Page 17: Typography on Web

Visual + Typography

Page 18: Typography on Web

Visual + Typography

Page 19: Typography on Web

Questions