51
Danela K. Rosner Interface Aesthetics 02.25.08 TYPO GR AP HY

TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

TYPO GR AP HY

Page 2: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

TYPO G R A P H I E

Page 3: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

TYPO G R A P H I E

P L D

Page 4: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

P L D

Danela K. Rosner Interface Aesthetics 02.25.08

TYPO G R A P H I E

Page 5: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

P L D

Danela K. Rosner Interface Aesthetics 02.25.08

TYPO G R A P H I E

Page 6: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

Page 7: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

NO TRESPASSING

University of California

Violators will be ProsecutedPenal Code Sec. No. 602.8 U.C.P.D

Page 8: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

Page 9: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

Page 10: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

Page 11: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

Page 12: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

1914

f.t. marinetti france — Avant-Garde

Page 13: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

1919

el lissitzky russia — Constructivism

Page 14: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

1919

el lissitzky russia — Constructivism

Page 15: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

1923

ilia mikhailovich france — Dada

Page 16: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

1923

piet zwart netherlands — De Stijl

Page 17: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

1923

piet zwart netherlands — De Stijl

Page 18: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

1926

Page 19: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

1928

césar domela dutch — De Stijl

Page 20: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

1928

césar domela

Page 21: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

1928

césar domela

Page 22: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

1928

jan tschichold — The New Typography

Page 23: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

1928

jan tschichold — The New Typography

Page 24: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

Johanna Drucker The Visible Word, p. 239

What had begun, in the 1910s, as a vivid and exuberant exploration of the materiality of signification, became, by the end of the 1920s, in the hands of Herbert Bayer and Jan Tschichold, an ordering of visual graphics which caused that very materiality to efface itself, to disappear, under the style of a graphics whose very adjectival character—elegant, clean, streamlined, balanced, correct – betray its repressive force.

Page 25: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

1928

willi baumeister

Page 26: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

1930

piet zwart

Page 27: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

lester beall

Danela K. Rosner Interface Aesthetics 02.25.08

1937

Page 28: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Armin Hofmann swiss — the Swiss Style (International Style)

Danela K. Rosner Interface Aesthetics 02.25.08

1954

Page 29: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

joseph müller brockman swiss

Danela K. Rosner Interface Aesthetics 02.25.08

1955

Page 30: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

emil ruder — The Typography of Order

1959

Page 31: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

saul bass — film title graphics

Danela K. Rosner Interface Aesthetics 02.25.08

1959

Page 32: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

josef müller-brockman

Danela K. Rosner Interface Aesthetics 02.25.08

1960

Page 33: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Lock/Petterson Ltd. — chart

Danela K. Rosner Interface Aesthetics 02.25.08

1968

Page 34: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

mb+co

Danela K. Rosner Interface Aesthetics 02.25.08

1974

Page 35: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

paul rand

Danela K. Rosner Interface Aesthetics 02.25.08

1979

Page 36: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

paul rand — grid

Danela K. Rosner Interface Aesthetics 02.25.08

Page 37: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

herb lubalin

Danela K. Rosner Interface Aesthetics 02.25.08

1981

Page 38: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

wolfgang weingart

Danela K. Rosner Interface Aesthetics 02.25.08

1984

Page 39: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

2000

volkswagen — parody

Page 40: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

2000

apple — parody

Page 41: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

Michael Bierut — Pentagram

2008

Page 42: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

?? — ??

2004

Page 43: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

?? — ??

2004

Page 44: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

Presidential Campaign Logos

2008

Page 45: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

Presidential Campaign Logos

“Everything about this logo says you can buy a car from this man.”

— sam berlow and cyrus highsmith, boston globe

2008

Page 46: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

Presidential Campaign Logos

2008

Page 47: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

Presidential Campaign Logos

2008

Page 48: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

Presidential Campaign Logos

2008

Page 49: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

Presidential Campaign Logos

2008

Page 50: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

Presidential Campaign Logos

2008

Page 51: TYPO GR AP HYcourses.ischool.berkeley.edu › i290-20 › s08 › slides › ... · wolfgang weingart Danela K. Rosner Interface Aesthetics 02.25.08 1984. Danela K. Rosner Interface

Danela K. Rosner Interface Aesthetics 02.25.08

Homework for week 5Find both successful and unsuccessful examples of layout design in posters and flyers. Post the photos of your examples and briefly describe what is working and what is not working in terms of layout.