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.
Type conveys a meaning the face, size,weight, color etc.. They all add to the message.
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
Associating meaning withtypeDifferent typefaces have different characterwhich adds to the message
Associating meaning withtypeThe first impression is important | Diploma | Bauhaus | Furby regular
How type works? •Type communicates visually with curves, corners, variation, visual balance etc •Anatomy of a letter http://www.counterspace.us/typogra
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
Serif & sans-serif?• This is text written with a serif typeface• This is text written with a serif typeface
Serif & sans-serif?• serif : A stroke added usually to the beginning or the end of a letter• sans: ”without”
A small glossary oftypographic terms Letterspacing unnevenly spaced letters can disrupt our ability to distiguish words
A small glossary oftypographic terms Line-height (leading) can have great impact on legibility of text passages.Sami Niemelä | email@example.com
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ä | firstname.lastname@example.org
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ä | email@example.com
Good typography on web design• The biggest problem for good online typography is the screen resolution Sami Niemelä | firstname.lastname@example.org
Rule of Thirds!• Don’t place anything directly in center!• No bull’s eye!
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
• 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.
Color Direction FormRule of Thirds Size Weight