11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the...

46
1 1 IAT 102 Graphic Design

Transcript of 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the...

Page 1: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,

11

IAT 102 Graphic Design

Page 2: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,

11

The digital revolution and beyond:

Review

Graphic Design meets the Computer

Type Design in the 90s:

Emigre, Greiman, Brody, Carson

Page 3: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,

Jan Tschichold. Die Frau ohne Namen. 1927

The New Typography-

-Dynamic force must be present

-Sans- serif

- Kinetic design of contrasting elements

-Flush left text with ragged right

-White space

-Rules, brars, boxes used for structure, balance and emphasis

- (Chapter 16, Meggs)

The New Typography- Germany 1928c

Page 4: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,

Armin Hofmann, 1954

Swiss Design -1950’s

(International Typographic Style)

- asymmetrical organization

- grid

- objective photography

- abstracted repeated geometric form

- clear and factual

- sans serif typography

-Design solution comes from content

Herbert Matter, Max Bill, Otl Aicher, Emil Ruder, Armin Hofmann, Josef Müller-Brockmann

- (Chapter 18, Meggs)

Page 5: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,

New York School - America 1940 – 1970’s

Paul Rand, cover for 'Direction' magazine, 1940. x

Paul Rand -

- invented shapes could be symbolic and expressive

-Strong form (shape, colour, line, value,...)

-Reduce communication content to symbolic essence.

-

- (Chapter 19, Meggs)

Page 6: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,
Page 7: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,

http://www.youtube.com/watch?v=hH446lgDrW8&feature=related

Page 8: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,

Designer Jamie Reid 1977

Page 9: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,

Graphic Design meets the Computer

Page 10: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,

Susan Kare - Macpaint - control panel, 1983

Page 11: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,

Susan Kare - Macpaint - interface, 1983

Page 12: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,

The New Wave- Holland & America 1970’s

•retained certain Swiss elements•subverted the grid •playfully incorporated eclectic cultural references•Replaced objectivity with a reflective subjectivity•Inspired by new forms electronic media

Cover for WET magazine, designed by April Greiman, 1979.

Page 13: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,

Emigre Magazine, 1984-

Page 14: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,

Rudy van der Lans – Émigré magazine – late 1980’s (Netherlands)

Page 15: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,

Emigre_magazineEmigre Type Foundryhttp://www.emigre.com Rudy VanderLans Zuzana Licko

Page 16: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,

Postmodern Design-1980’s

- Breaking and expanding the rules of the Swiss style- Complexity- Ornaments

- Odermatt and Tissi- Weingart- Schraivogel- Sagmeister

(Chapter 23, Meggs)

Ralph_Schraivogel, 1989

Page 17: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,

Postmodern Design-1980’s

Postmodernism was an international style, influencing all aspects of design.

Page 18: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,
Page 19: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,

The Dancing House by Vlado Milunić and Frank Gehry 1992

Page 20: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,
Page 21: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,

Postmodern Design

- Wolfgang Weingart

Page 22: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,

-Wolfgang Weingart

Page 23: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,

-Wolfgang Weingart

Page 24: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,

Does It Make Sense?April Greiman 1984

Page 25: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,
Page 26: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,
Page 27: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,

Neville Brody

Page 28: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,

Neville Brody Face Magazine 1981- 86

Page 29: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,
Page 30: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,
Page 31: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,

David Carson

Page 32: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,

David Carson, 1995, Ray Gun Magazine, the End of Print

Page 33: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,
Page 34: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,

Graphic Design develops a conscious

Page 35: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,
Page 36: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,
Page 37: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,
Page 38: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,
Page 39: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,
Page 40: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,

Postmodern Design-1990’s

-- Found elements-- type in bars-- collage approach-- decoration -- humor / playfulness- grunge typography

- Art Chantry- Sagmeister-Tibor Kalman-David Caron

Art Chantryl, 1994

Page 41: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,

Art Chantryl, 1994

Page 42: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,

Tibor Kalman

Page 43: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,
Page 44: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,

Clicker question

What is the difference between international typographic style and new wave?

A)Uses gridsB)Asymmetrical layout C)SubjectiveD)SymbolicE) Uses graphics

Page 45: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,

Clicker question

What is the difference between international typographic style and new wave?

A)Uses gridsB)Asymmetrical layout C)SubjectiveD)SymbolicE) Uses graphics

Page 46: 11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,

fin