1 / 64

0 8

0 8. IAT 102 Graphic Design. 0 8. Swiss Style Armin Hofmann Adrian Frutiger: Univers-Font Wolfgang Weingart: Typo-Punk Design Basics. What are the Principles of Swiss Design? (International Typographic Style). Swiss Design (International Typographic Style) asymmetrical organization

tory
Download Presentation

0 8

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. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 08 IAT 102 Graphic Design

  2. 08 Swiss Style Armin Hofmann Adrian Frutiger: Univers-Font Wolfgang Weingart: Typo-Punk Design Basics

  3. What are the Principles of Swiss Design? • (International Typographic Style)

  4. 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

  5. 1928 Tschichold New Typography 50-60ies Ruder White Space 1961 Muller-Brockmann The Grid 1970s Otl Aicher: Corporate Identity

  6. Armin Hoffman

  7. Armin Hoffman

  8. Armin Hoffman “The viewers do not know it – but they can feel it”

  9. Font Design (Swiss Style)

  10. 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.

  11. Univers, Adrian Frutiger, 1957

  12. Helvetica, (Neue Haas Grotesk), Max Miedlinger 1957

  13. http://www.anyonecanswiss.com/

  14. Swiss Design • (International Typographic Style) • asymmetrical organization • grid • objective photography • clear and factual • sans serif typography • Poster “the good shape” • Emil Ruder

  15. Wolfgang Weingart, Punk-Typographer

  16. What are these Swiss designers best known for? • (Tschichold, Ruder, Muller-Brockmann, Otl Aicher)

  17. 1928 Tschichold New Typography 50-60ies Ruder White Space 1961 Muller-Brockmann The Grid 1970s Otl Aicher: Corporate Identity

  18. Design Basics

  19. How do you lead users through information by visual means?

  20. Style-Hints (or elements for good design): Hierarchy Balance Consistency / Repetition Contrast White space Gestalt-principles

  21. hierarchy

  22. What is the most important information? What should you see first? Second? hierarchy

  23. balance

  24. balance - symmetry

  25. balance - asymmetry

  26. balance – symmetry or asymmetry

  27. contrast

  28. visual contrast

  29. Gestalt-principles: Proximity Similarity Good continuation Closure Uniform Connectedness Figure Ground

  30. Proximity http://psychology.about.com/od/sensationandperception/ss/gestaltlaws.htm Information Design, Andres Wanner 2010

  31. Similarity Information Design, Andres Wanner 2010

  32. Good continuation Information Design, Andres Wanner 2010

  33. Closure Information Design, Andres Wanner 2010

  34. Uniform Connectedness http://www.andyrutledge.com/gestalt-principles-3.php Information Design, Andres Wanner 2010

  35. figure/ground

  36. Proximity http://psychology.about.com/od/sensationandperception/ss/gestaltlaws.htm Information Design, Andres Wanner 2010

More Related