Your SlideShare is downloading. ×
0
Typography
Typography
Typography
Typography
Typography
Typography
Typography
Typography
Typography
Typography
Typography
Typography
Typography
Typography
Typography
Typography
Typography
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Typography

535

Published on

Published in: Design, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
535
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
15
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Typography Brian Rehmann
  • 2. How observant are you? <ul><li>What is the NBC logo? </li></ul><ul><li>What letter is unique in the DELL logo? </li></ul><ul><li>Is it subway, SUBWAY, or Subway? </li></ul>
  • 3. What is typography? <ul><li>Is the study of the font, color, size, and arrangement/placement of type. </li></ul>
  • 4. Font <ul><li>Font – is a specific type face and size </li></ul><ul><ul><ul><li>Example: Times New Roman 24 normal </li></ul></ul></ul><ul><li>Typeface – a style of font </li></ul><ul><ul><ul><li>Example: Ravie , Arial , Broadway , Chiller </li></ul></ul></ul><ul><li>Type Family - a group of similar typeface </li></ul><ul><ul><ul><li>Example: </li></ul></ul></ul><ul><ul><ul><ul><ul><li>Fraklin Gothic Book </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Fraklin Gothic Demi </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Fraklin Gothic Heavy </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Fraklin Gothic Condensed </li></ul></ul></ul></ul></ul>
  • 5. Font Cont. <ul><li>Two styles of fonts </li></ul><ul><ul><li>Serif - Type faces that have little tails or features on the ends of characters </li></ul></ul><ul><ul><ul><li>Example: Times New Roman </li></ul></ul></ul><ul><ul><li>Sans Serif – Type face with no little features </li></ul></ul><ul><ul><ul><li>Example: Arial </li></ul></ul></ul>
  • 6. Font Cont. <ul><li>Type Terms </li></ul><ul><ul><li>UPPERCASE </li></ul></ul><ul><ul><li>Italic – Slants to the right </li></ul></ul><ul><ul><li>Bold – thicker or heavier </li></ul></ul>
  • 7. Font Cont. <ul><li>Case </li></ul><ul><ul><li>Upper and Lower Is Traditional and Easiest to Read </li></ul></ul><ul><ul><li>all lower case is informal and trendy </li></ul></ul><ul><ul><li>ALL UPPER IS FOR SHOUTING AND HARD TO READ </li></ul></ul>
  • 8. Font Cont. <ul><li>Every font has a voice </li></ul><ul><ul><li>Arial Black </li></ul></ul><ul><ul><li>Curlz </li></ul></ul><ul><ul><li>Chiller </li></ul></ul><ul><ul><li>Palace Script </li></ul></ul><ul><ul><li>Wide Latin </li></ul></ul>
  • 9. Color <ul><li>Terms </li></ul><ul><ul><li>Hue – The color or pigment </li></ul></ul><ul><ul><li>Saturation – The strength or purity of the color </li></ul></ul><ul><ul><li>Value/Brightness – The lightness or darkness of color </li></ul></ul>
  • 10. Color Cont. <ul><li>Guiding Principle </li></ul><ul><ul><li>Color should always: </li></ul></ul><ul><ul><ul><li>have purpose </li></ul></ul></ul><ul><ul><ul><li>emphasis or draw attention </li></ul></ul></ul><ul><ul><ul><li>establish relationships between objects </li></ul></ul></ul><ul><ul><ul><li>be within an idea or theme </li></ul></ul></ul>
  • 11. Color Cont. <ul><li>Color Association </li></ul><ul><ul><li>Blue – Water, Sky, Boy </li></ul></ul><ul><ul><li>Red – Evil, Fire, Aggressive, Blood </li></ul></ul><ul><ul><li>Green </li></ul></ul><ul><ul><li>Pink </li></ul></ul><ul><ul><li>Purple </li></ul></ul><ul><ul><li>Yellow </li></ul></ul><ul><ul><li>Brown </li></ul></ul><ul><ul><li>Orange </li></ul></ul>
  • 12. Size <ul><li>The size of the font implies the importance of the word. </li></ul><ul><li>She was my Friend until the accident . That changed everything. </li></ul>
  • 13. Size <ul><li>If you are going to have different size font make sure it is a noticeable amount. </li></ul><ul><ul><li>this is the wrong way </li></ul></ul><ul><ul><li>this is the right way </li></ul></ul>
  • 14. Contrast <ul><li>Allow the more important words stand out. </li></ul><ul><li>not important not important not important not important </li></ul><ul><li>not important not important very important not important </li></ul><ul><li>not important not important not important not important </li></ul>
  • 15. What does it mean? <ul><li>Wavy = Flexible </li></ul><ul><li>Slant/Angle = Speed or Action </li></ul>weeeeee
  • 16. What does it mean? <ul><li>Blurry = Indistinct or confusing </li></ul><ul><li>Size = Importance </li></ul><ul><li>Bold = Strong </li></ul>Mr.Big &amp; the birds Weak vs. Strong
  • 17. Refrences <ul><li>Images – </li></ul><ul><ul><li>All images were created by Brian Rehmann using Adobe Illustrator CS2 </li></ul></ul><ul><li>Information – </li></ul><ul><ul><li>http://en.wikipedia.org/wiki/Typography </li></ul></ul><ul><ul><li>http://www.online.tusc.k12.al.us/tutorials/typograp/typography.htm </li></ul></ul><ul><ul><li>http://www.sallygentieuwelch.com/pages/Type_Road.html </li></ul></ul>

×