typo gr ap hy - university of california,...
TRANSCRIPT
TYPO GR AP HY
Danela K. Rosner Interface Aesthetics 02.23.09
TYPO G R A P H I E
Danela K. Rosner Interface Aesthetics 02.23.09
Danela K. Rosner Interface Aesthetics 02.23.09
P L D
TYPO G R A PH I E
Line
Shape
Texture
Space
Size
Value
Color
DESIGN ELEMENTS
Figure/Ground
Proximity
Similarity
Symmetry
Modularity
Continuity/Closure
Transparency
DESIGN PRINCIPLES
Figure/Ground
1955
saul bass
Shape
Space
saul bass – motion graphics
1959Figure/Ground
Shape
Space
josef müller-brockman
1960Figure/Ground
Size
Value
Color
Space
1960
josef müller-brockman
Figure/Ground
Size
Value
Color
Space
Michael Bierut – Saks Fifth Avenue
2008Figure/Ground
Shape
Texture
Space
Michael Bierut – Saks Fifth Avenue
2008Figure/Ground
Shape
Texture
Space
Figure/Ground
Proximity
Line
Shape
Space
Color
ProximityProximity
Line
Shape
Space
Color
Proximity
Line
Space
Line
Space
Proximity
Proximity
Shape
Color
Similarity
Similarity
Shape
Space
Color
Symmetry
Line
Space
Color
Symmetry
Shape
Color
anthony burri l l
Symmetry
Shape
Color
1895
charles mackintosh
Symmetry
Shape
Color
Line
Modularity
Space
Color
Line
Modularity
Space
Color
Line
jan tschichold
Modularity
Space
Value
Line
Modularity
Space
Value
Line
Modularity
Space
Color
Line
Size
Modularity
Space
Size
Modularity
Space
Size
Modularity
Space
Size
Modularity
Modularity
1928
césar domela – De Sti j l
Modularity
Space
Size
Line
Color
1928
césar domela
Space
Size
Line
Color
Modularity
1955
joseph müller brockman
Space
Size
Line
Modularity
1955
joseph müller brockman
Space
Size
Line
Modularity
Continuity/Closure
ork design
Space
Size
Line
Continuity/Closure
Space
Size
Line
1974
mb+co
Continuity/Closure
Space
Size
Color
Continuity/Closure
Space
Size
Line
1981
herb lubalin
Oded Ezer
Time of the signs
2007
Continuity/Closure
Space
Size
Line
Transparency
Size
Color
1928
césar domela – De Sti j l
Transparency
Size
Color
1928
Transparency
paul rand
1979
Transparency
Size
Color
Politics
Humor
Function in Form
REFLECTIVE DESIGN
1892
will iam morris
1919
el l issitzky russia — Constructivism
1923
i l ia mikhailovich france — Dada
wolfgang weingart
1984
Presidential Campaign Logos
Everything about this logo says you can buy a car from this man.
— Sam Berlow and Cyrus Highsmith, Boston Globe, January 27, 2008
2008
2008
The Hillary logo has the look of an ‘80s newspaper layout or an investment company.
— Sam Berlow and Cyrus Highsmith, Boston Globe, January 27, 2008
2008
The ever-present rising sun logo has the feeling of a hot new Internet company.
— Sam Berlow and Cyrus Highsmith, Boston Globe, January 27, 2008
2000
Humor
Function in Form
herb lubalin
1981
Assignment 3 Deconstructing Type
Due on the course website on Sunday March 1st
1. Choose one piece you created for the Layout assignment
If you are working digitally...2. Create a digital color inverse of the original piece.
If you are working with paper...2. Create a color inverse of the piece and create several (>30) copies of the inverse and original of that piece.
3. Using a copy of the original piece, create an original composition by adding line (.5–4 pt) to the original copies.
4. Using a copy of the original piece, create an original composition by adding the parts of the inverse copy to the original piece.
Create compositions that embody your sense of a visual chord with energy and harmony. While giving the page a sense of liveliness and poise, don’t forget to give the reader a sense of direction.