10 IAT 102 Graphic Design 03 Swiss Style
- Slides: 62
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 -60 ies Ruder White Space 1961 1970 s Muller-Brockmann Otl Aicher: The Grid 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 10 pt. 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
http: //psychology. about. com/od/sensationandperception/ss/gestaltlaws. htm Proximity Information Design, Andres Wanner 2010
Similarity Information Design, Andres Wanner 2010
Good continuation Information Design, Andres Wanner 2010
Closure Information Design, Andres Wanner 2010
http: //www. andyrutledge. com/gestalt-principles-3. php Uniform Connectedness Information Design, Andres Wanner 2010
figure/ground
http: //psychology. about. com/od/sensationandperception/ss/gestaltlaws. htm Proximity 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 22 nd Questions, feedback, etc: - Andres’ informal office hour, today 2: 30 Blenz @ Mezzanine - Allen, Andrew office hour: today after lecture
fin
- Iat 102
- Iat 102
- Iat 102
- Learnability flexibility robustness
- Graphic design
- Iat 102
- 102 graphic
- 102 graphic
- 102 graphic
- 102 graphic
- Proyek desain grafis
- Non sequitur transition
- Ghost graphic story graphic and wayfinding
- Iat
- Iat
- Iat 410
- Iat 202
- Iat 100
- Iat 355
- Iat 355
- Iat 334
- Iat 265
- Iat 334
- Iat 265
- Iat 265
- Iat 265
- Iat 106
- Iat 355
- Iat 100
- Iat-maglev
- What is hydrops
- Iat
- Iat
- Iat 355
- Iat 106
- Iat-maglev
- Iat 265
- Iat 106
- Format of modified block letter
- Style
- Informal writing examples
- Referential style vs. expressive style
- Plain style vs high style
- Cumulative periodic and inverted sentences
- Plan odo268
- Swiss field hockey
- Swiss knife vs. radio
- Plan ms3 swiss medical
- Swiss snow happening 2023
- Daniel bernoulli
- Three switched witches
- Deepview swiss pdb viewer
- Jung swiss psychologist
- Metropathia hemorrhagica
- Swiss pdb model
- Kiga pratteln offene stellen
- Swiss sheet model
- Swiss snowsports
- Swiss post international
- Swiss gear
- Swiss miss mascot
- Cyrill bühlmann
- Switched witches