1 0
Download
1 / 62

1 0 - PowerPoint PPT Presentation


  • 96 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

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha

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


10

IAT 102 Graphic Design


03

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

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

  • (Chapter 18, Meggs)

Armin Hofmann, 1954


1928

Tschichold

New Typography

50-60ies

Ruder

White Space

1961

Muller-Brockmann

The Grid

1970s

Otl Aicher:

Corporate Identity


Armin Hoffman


Armin Hoffman


Armin Hoffman

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


Font Design (Swiss Style)


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.


Univers,

Adrian Frutiger, 1957


Helvetica,

(Neue Haas Grotesk),

Max Miedlinger

1957


http://www.anyonecanswiss.com/


  • Swiss Design

  • (International Typographic Style)

  • asymmetrical organization

  • grid

  • objective photography

  • clear and factual

  • sans serif typography

  • Poster “the good shape”

  • Emil Ruder


Wolfgang Weingart, Punk-Typographer


Design Basics


How do you lead users through information by visual means?


Style-Hints (or elements for good design):

Hierarchy

Balance

Consistency / Repetition

Contrast

White space

Gestalt-principles


hierarchy


What is the most important information?

What should you see first?

Second?

hierarchy


balance


balance - symmetry


balance - asymmetry


balance – symmetry or asymmetry


contrast


visual contrast


Gestalt-principles:

Proximity

Similarity

Good continuation

Closure

Uniform Connectedness

Figure Ground


Proximity

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

Information Design, Andres Wanner 2010


Similarity

Information Design, Andres Wanner 2010


Good continuation

Information Design, Andres Wanner 2010


Closure

Information Design, Andres Wanner 2010


Uniform Connectedness

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

Information Design, Andres Wanner 2010


figure/ground


Proximity

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

Information Design, Andres Wanner 2010


Good continuation

Information Design, Andres Wanner 2010


figure/ground


figure/ground


figure/ground


figure/ground


  • 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


fin


ad
  • Login