1 0
This presentation is the property of its rightful owner.
Sponsored Links
1 / 62

1 0 PowerPoint PPT Presentation


  • 70 Views
  • Uploaded on
  • Presentation posted in: General

1 0. IAT 102 Graphic Design. 0 3. Swiss Style Armin Hofmann Adrian Frutiger: Univers-Font Wolfgang Weingart: Typo-Punk Design Basics. Swiss Design (International Typographic Style) asymmetrical organization grid objective photography clear and factual sans serif typography

Download Presentation

1 0

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


1 0

10

IAT 102 Graphic Design


1 0

03

Swiss Style

Armin Hofmann

Adrian Frutiger: Univers-Font

Wolfgang Weingart: Typo-Punk

Design Basics


1 0

  • Swiss Design

  • (International Typographic Style)

  • asymmetrical organization

  • grid

  • objective photography

  • clear and factual

  • sans serif typography

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

  • (Chapter 18, Meggs)

Armin Hofmann, 1954


1 0

1928

Tschichold

New Typography

50-60ies

Ruder

White Space

1961

Muller-Brockmann

The Grid

1970s

Otl Aicher:

Corporate Identity


1 0

Armin Hoffman


1 0

Armin Hoffman


1 0

Armin Hoffman

“The viewers do not know it – but they can feel it”


1 0

Font Design (Swiss Style)


1 0

Leading refers to the thin strips of lead that divide the horizontal lines of type.

A font size is determined by the entire piece of metal.

Therefore, not all 10pt. fonts look exactly the same - they can have differing x-heights.


1 0

Univers,

Adrian Frutiger, 1957


1 0

Helvetica,

(Neue Haas Grotesk),

Max Miedlinger

1957


1 0

http://www.anyonecanswiss.com/


1 0

  • Swiss Design

  • (International Typographic Style)

  • asymmetrical organization

  • grid

  • objective photography

  • clear and factual

  • sans serif typography

  • Poster “the good shape”

  • Emil Ruder


1 0

Wolfgang Weingart, Punk-Typographer


1 0

Design Basics


1 0

How do you lead users through information by visual means?


1 0

Style-Hints (or elements for good design):

Hierarchy

Balance

Consistency / Repetition

Contrast

White space

Gestalt-principles


1 0

hierarchy


1 0

What is the most important information?

What should you see first?

Second?

hierarchy


1 0

balance


1 0

balance - symmetry


1 0

balance - asymmetry


1 0

balance – symmetry or asymmetry


1 0

contrast


1 0

visual contrast


1 0

Gestalt-principles:

Proximity

Similarity

Good continuation

Closure

Uniform Connectedness

Figure Ground


Proximity

Proximity

http://psychology.about.com/od/sensationandperception/ss/gestaltlaws.htm

Information Design, Andres Wanner 2010


Similarity

Similarity

Information Design, Andres Wanner 2010


Good continuation

Good continuation

Information Design, Andres Wanner 2010


Closure

Closure

Information Design, Andres Wanner 2010


Uniform connectedness

Uniform Connectedness

http://www.andyrutledge.com/gestalt-principles-3.php

Information Design, Andres Wanner 2010


1 0

figure/ground


Proximity1

Proximity

http://psychology.about.com/od/sensationandperception/ss/gestaltlaws.htm

Information Design, Andres Wanner 2010


Good continuation1

Good continuation

Information Design, Andres Wanner 2010


1 0

figure/ground


1 0

figure/ground


1 0

figure/ground


1 0

figure/ground


1 0

  • Announcements

  • Next week:

  • - quiz: all lectures + Lupton: GRID chapter

  • This week: midterm-marks

  • Please review IN DETAIL!

  • your marks count as accepted, if you don’t dispute them before March 22nd

  • Questions, feedback, etc:

  • Andres’ informal office hour, today 2:30 Blenz @ Mezzanine

  • Allen, Andrew office hour: today after lecture


1 0

fin


  • Login