1 0
description
Transcript of 1 0
-
10IAT 102 Graphic Design
-
03Swiss StyleArmin HofmannAdrian Frutiger: Univers-FontWolfgang Weingart: Typo-Punk
Design Basics
-
Armin Hofmann, 1954Swiss 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 Mller-Brockmann
(Chapter 18, Meggs)
-
1928 TschicholdNew Typography50-60ies RuderWhite Space1961Muller-BrockmannThe Grid1970sOtl Aicher:Corporate Identity
-
Armin Hoffman
-
Armin Hoffman
-
Armin HoffmanThe 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 shapeEmil Ruder
-
Wolfgang Weingart, Punk-Typographer
-
Design Basics
-
How do you lead users through information by visual means?
-
HierarchyBalanceConsistency / RepetitionContrastWhite spaceGestalt-principlesStyle-Hints (or elements for good design):
-
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
-
ProximitySimilarityGood continuationClosureUniform ConnectednessFigure GroundGestalt-principles:
-
ProximityInformation Design, Andres Wanner 2010http://psychology.about.com/od/sensationandperception/ss/gestaltlaws.htm
Information Design, Andres Wanner 2010
-
SimilarityInformation Design, Andres Wanner 2010
Information Design, Andres Wanner 2010
-
Good continuationInformation Design, Andres Wanner 2010
Information Design, Andres Wanner 2010
-
ClosureInformation Design, Andres Wanner 2010
Information Design, Andres Wanner 2010
-
Uniform ConnectednessInformation Design, Andres Wanner 2010http://www.andyrutledge.com/gestalt-principles-3.php
Information Design, Andres Wanner 2010
-
figure/ground
-
ProximityInformation Design, Andres Wanner 2010http://psychology.about.com/od/sensationandperception/ss/gestaltlaws.htm
Information Design, Andres Wanner 2010
-
Good continuationInformation Design, Andres Wanner 2010
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 dont 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
*******************