1010 iat 102 graphic design. 0303 swiss style armin hofmann adrian frutiger: univers-font wolfgang...
Post on 20-Dec-2015
230 views
TRANSCRIPT
10
IAT 102 Graphic Design
03
Swiss Style
Armin Hofmann
Adrian Frutiger: Univers-Font
Wolfgang Weingart: Typo-Punk
Design Basics
Armin Hofmann, 1954
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)
1928 TschicholdNew Typography
50-60ies RuderWhite Space
1961Muller-BrockmannThe Grid
1970sOtl 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?
Hierarchy
Balance
Consistency / Repetition
Contrast
White space
Gestalt-principles
Style-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
Proximity
Similarity
Good continuation
Closure
Uniform Connectedness
Figure Ground
Gestalt-principles:
Proximity
Information Design, Andres Wanner 2010
htt
p://
psy
cho
log
y.a
bo
ut.c
om
/od
/se
nsa
tion
and
pe
rce
ptio
n/ss
/ges
taltl
aw
s.h
tm
Similarity
Information Design, Andres Wanner 2010
Good continuation
Information Design, Andres Wanner 2010
Closure
Information Design, Andres Wanner 2010
Uniform Connectedness
Information Design, Andres Wanner 2010
htt
p://
ww
w.a
ndyr
utle
dg
e.c
om/g
esta
lt-pr
inci
ple
s-3
.php
figure/ground
Proximity
Information Design, Andres Wanner 2010
htt
p://
psy
cho
log
y.a
bo
ut.c
om
/od
/se
nsa
tion
and
pe
rce
ptio
n/ss
/ges
taltl
aw
s.h
tm
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