Day01 design final

682 views

Published on

0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
682
On SlideShare
0
From Embeds
0
Number of Embeds
188
Actions
Shares
0
Downloads
2
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Day01 design final

  1. 1. The Design Universal PrinciplesTypography
  2. 2. What is typography?• Design is about communication, and even with the power of images, words remain at the core of how we communicate.• Typography is the practice of visually representing words.
  3. 3. Type conveys a meaning  the face, size,weight, color etc.. They all add to the message.
  4. 4. What is typography?• Remember: legibility is important AND the content is the king.• Legibility comes from various things – spacing, letter shape, size, weight..• Both content and presentation have direct effect on the message we convey
  5. 5. Associating meaning withtypeDifferent typefaces have different characterwhich adds to the message
  6. 6. Associating meaning withtypeThe first impression is important | Diploma | Bauhaus | Furby regular
  7. 7. How type works? •Type communicates visually with curves, corners, variation, visual balance etc •Anatomy of a letter http://www.counterspace.us/typogra
  8. 8. How type works?• Typefaces come in variety of styles; Old-style, Transitional, Modern, Egyptian/slab-serif, Sans-serif• Sans-serifs can be further classified realist, geometric & humanist faces
  9. 9. Serif & sans-serif?• This is text written with a serif typeface• This is text written with a serif typeface
  10. 10. Serif & sans-serif?• serif : A stroke added usually to the beginning or the end of a letter• sans: ”without”
  11. 11. A small glossary oftypographic terms Letterspacing unnevenly spaced letters can disrupt our ability to distiguish words
  12. 12. A small glossary oftypographic terms Line-height (leading) can have great impact on legibility of text passages.Sami Niemelä | sn@neocite.com
  13. 13. A small glossary of typographic terms Line length The main issue for the reader is the disruptionof having to go from the end of one line to thebeginning of the next. When lines are too long this canbe quite difficult because of the sheer distance the eyehas to travel. On the other hand,if lines are setextremely short,the reader willhave to switchlines much more often. Sami Niemelä | sn@neocite.com
  14. 14. A small glossary of typographic terms X-height Has a great impact on legibility: Both typefaces are set on the exact same sizebut the readability varies greatly Sami Niemelä | sn@neocite.com
  15. 15. Good typography on web design• The biggest problem for good online typography is the screen resolution Sami Niemelä | sn@neocite.com
  16. 16. Rule of Thirds!• Don’t place anything directly in center!• No bull’s eye!
  17. 17. Your First Assignment…• 2. Going to any of the website address listed on class website, find 1 example of a logo design that you find visually appealing and uses:• A. Size• B. Weight (light vs. dark)• C. Form (shapes)• D. Rule of Thirds (don’t center!)• E. Direction• F. Color Form, Color, Weight
  18. 18. • Choose examples that Color or Direction you could possibly show your PERSONALITY in Font style and your Logo Design Rule of Thirds• 2. Save example in folder on your desktop computer. Label file for each item listed in A-F.
  19. 19. Color Direction FormRule of Thirds Size Weight

×