TYPO GR AP HYpeople.ischool.berkeley.edu › ~daniela › research › week4_typeii_inter… ·...
Transcript of TYPO GR AP HYpeople.ischool.berkeley.edu › ~daniela › research › week4_typeii_inter… ·...
TYPO GR AP HY
Danela K. Rosner Interface Aesthetics 09.27.10
TYPO G R A P H I E
Danela K. Rosner Interface Aesthetics 09.27.10
P L D
TYPO G R A PH I E
Danela K. Rosner Interface Aesthetics 09.27.10
LINE
SHAPE
TEXTURE
SPACE
SIZE
VALUE
COLOR
DESIGN ELEMENTS
FIGURE/GROUND
PROXIMITY
SIMILARITY
SYMMETRY
MODULARITY
CLOSURE
TRANSPARENCY
DESIGN PRINCIPLES
FIGURE/GROUND
FIGURE /GROUND
Shape
Space
DARYA SAKHAROVA ROBERT KOWALSK I
FIGURE /GROUND
1955
SAUL BASS
Shape
Space
FIGURE /GROUND
1955
SAUL BASS
Shape
Space
s a u l b a s s – m o t i o n g r a p h i c s
1959FIGURE /GROUND
Shape
Space
FIGURE /GROUND
Value
Space
SHEILA LEVRANT
DE BRETTEVILLE
DANIEL WEIL — PENTAGRAM
FIGURE /GROUND
Texture
Color
PROXIMITY
PROXIMITY
Line
Space
Line
Space
PROXIMITY
Line
Space
PROXIMITY
PROXIMITY
Line
Shape
Space
Color
PROXIMITY
Line
Shape
Space
Color
1981
HERB LUBALIN
PROXIMITY
Space
Size
Line
1981
HERB LUBALIN
PROXIMITY
Space
Size
Line
SIMILARITY
SIMILARITY
Shape
Space
Color
SIMILARITY
Shape
Space
Color
SIMILARITY
Color
SIMILARITY
Shape
Space
Color
SYMMETRY
FRANK CHIMERO
SYMMETRY
Shape
Line
Color
SYMMETRY
Line
Space
Color
SYMMETRY
Shape
Texture
Color
MODULARITY
JAN
TSCHICHOLD
MODULARITY
Line
Space
Value
JAN
TSCHICHOLD
MODULARITY
Line
Space
Value
MODULARITY
Line
Space
Value
JAN
TSCHICHOLD
MODULARITY
Line
Space
Value
JAN
TSCHICHOLD
MICHAEL B IERUT – SAKS F IFTH AVENUE
2008
MODULARITY
Line
Space
Color
2008
MICHAEL B IERUT – SAKS F IFTH AVENUE
MODULARITY
Line
Space
Color
MODULARITY
Line
Space
Color
MODULARITY
Line
Space
Color
MODULARITY
Space
Color
Line
Size
MODULARITY
Space
Color
Line
Size
MODULARITY
Space
Color
Line
Size
MODULARITY
Space
Size
MODULARITY
Space
Size
1974
mb+co
CLOSURE
Space
Size
Color
CLOSURE
Space
Size
Line
CLOSURE
ORK DES IGN
Space
Size
Line
TRANSPARENCY
TRANSPARENCY
Size
Color
MASSIMO VIGNELLI
JOSEF MÜLLER-BROCKMAN
1960
TRANSPARENCY
Size
Value
Color
Space
1960
JOSEF MÜLLER-BROCKMAN
TRANSPARENCY
Size
Value
Color
Space
1928CÉSAR DOMELA – DE ST I JL
TRANSPARENCY
Size
Color
1928
TRANSPARENCY
Size
Color
TRANSPARENCY
Size
Color
TRANSPARENCY
WOLFGANG WEINGART
Size
Color
PAUL RAND
TRANSPARENCY
Size
Color
Politics
Humor
Function in Form
REFLECTIVE DESIGN
1892
W I L L I A M M O R R I S
1919
el l issitzky russia — Constructivism
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 Saturday, September 30
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.