• Save
GeneralAssemblySF
Upcoming SlideShare
Loading in...5
×
 

GeneralAssemblySF

on

  • 2,394 views

Using Typography to Improve Design and User Experience

Using Typography to Improve Design and User Experience

Statistics

Views

Total Views
2,394
Views on SlideShare
1,745
Embed Views
649

Actions

Likes
4
Downloads
0
Comments
2

11 Embeds 649

http://nohemivegaarce.blogspot.com.es 200
http://gimnasio11-1.blogspot.com 185
http://www.gimnasio11-1.blogspot.com 88
http://www53.jimdo.com 80
http://almmatriana.jimdo.com 56
http://nohemivegaarce.blogspot.com 24
https://twitter.com 7
http://twitter.com 6
https://si0.twimg.com 1
http://gimnasio11-1.blogspot.it 1
http://www.pinterest.com 1
More...

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

GeneralAssemblySF GeneralAssemblySF Presentation Transcript

  • WELCOME!
  • CAROLINA DE BARTOLOTYPOGRAPHY
  • PRINCIPLE NO. 1
  • QUESTION
  • SOME DEFINITIONSl visible form of languagel “idealized writing”l standardizedA wide audiencel durableA spread of infol equal parts art + craft
  • WHAT DOESTYPOGRAPHY DO?Big letters shout. Small letterswhisper. Serifs faces articulate.Grunge fonts mumble and slur.Scripts sing. Sans serifs speakin clear tones.
  • THERE IS MEANINGINHERENT INTYPOGRAPHIC FORM.Type gives text a voice, a personality, a“face.” Type is like an actor cast in a role.Type is the link between a writer anda reader.
  • GOOD
  • PRINCIPLE NO. 2
  • A.K.A.Font = 1 face, 1 size, 1 weight;all the metal type in a drawerof the typecase.
  • TECHNIQUEIf it’s larger, it’s not bolder.If it’s bolder, it’s not larger.If it’s in a color or all caps,it’s not in a different face orsize or weight.
  • LISETTE MODEL(It has become easier to do it poorly.)
  • PRINCIPLE NO. 3
  • FIRMNESS / BUSINESS
  • COMMODITY / TECHNOLOGY
  • DELIGHT / DESIGN
  • LIKE LEARNINGTO DRAW...
  • CHARLES EAMES
  • TEXT FIGURESLINING FIGURES
  • PIG BRISTLESWIDOW RIVERS
  • YOUR HIGHESTTYPOGRAPHIC PRIORITY
  • TWO OPTIONS
  • FRANK LLOYD WRIGHT
  • IN THE END
  • TYPESETTING TIP
  • GAINING EXPERTISE
  • PRINCIPLE NO. 1
  • PRINCIPLE NO. 2
  • PRINCIPLE NO. 3