05
Strategy & Experience Design

ITP 2011
Aalto University School of Economics


Sami Niemelä
Creative Director, Nordkapp

sami.niemela@gmail.com
@samin
— www.nordkapp.fi
— @Nordkapp
SCHEDULE WK2



Monday                Tuesday             Thursday              Friday

Graphic               Interaction         Design                Detailed
Design                Design              Review +              Design
                                          workshop
— Typography          — Information
— Visual Design 101   Architecture        — per project group   — content TBA
                      — Designing Flows                         — per project group




You Are Here
Typography
“
    Because I had dropped out and didn’t have to take the normal
    classes, I decided to take a calligraphy class to learn how to do
    this. I learned about serif and sans serif typefaces, about varying the
    amount of space between di erent letter combinations, about what
    makes great typography great. It was beautiful, historical, artistically
    subtle in a way that science can’t capture, and I found it fascinating.
                                     – Steve Jobs
http://www.sagmeister.com/work/all#/node/157
“
    “95% of the information on the web is written language.
    It is only logical to say that a web designer should get good
    training in the main discipline of shaping written
    information, in other words: Typography.
                                 – Oliver Reichenstein / @iA
Typography = structure
http://swipe.nokia.com
Basics on
Letters
I am a serif.
I am a sans serif.
I am a slab serif.
sc
  al
    in
      g
          =
              ba
                 d
DOs
Light
Regular
Medium
Bold
Black
Light
Regular
Medium
Bold
Black
Light
Regular
Medium
Bold
Black
Light
Regular
Medium
Bold
Black
to
              o
                  li
                    tt
                         le
                              co
                                 ntr
                                    as
                                      t




iPhone5G
ve
             ry
                  go
                    od
                      .




iPhone5G
The Measure, ie
the Paragraph length
Optimal lenght for a paragraph is
52-78 characters, including spaces.
Leading aka line-height: Larger the
text, smaller the leading.
Contrast
In groups, select an example
of what you think is good design.
Discuss, and present.


45   MINUTES
CASE STUDY




Body text level 1
Grids
Colour
Subtractive
Additive
Colour Wheel
Primary Colours
Tertiary Colours
Tints, shades and tones
Color Harmonies
Complementary
Complementary colours
are really bad for text
Analogous
Analogous colours are often
found in nature and hence
are harmonious and peaceful.
Choose one color to dominate, a
second to support. The third color is
used as an accent.
Triadic
To use a triadic harmony successfully,
the colors should be carefully
balanced - let one color dominate and
use the two others for accent.
Split-Complementary
The split-complimentary color scheme
is often a good choice for beginners,
because it is difficult to mess up.
Rectangle (tetradic)
Tetradic color schemes works best if
you let one color be dominant.
Square
http://sagmeister.com/work/featured#/node/192
http://sagmeister.com/work/featured#/node/192
http://sagmeister.com/work/featured#/node/192
MORE



http://www.smashingmagazine.com/2010/01/28/color-theory-for-
designers-part-1-the-meaning-of-color/

http://www.tigercolor.com/color-lab/color-theory/color-theory-
intro.htm

http://www.worqx.com/color/
Start a brand manual
for your project: Outline colours,
type and the visual language.


THU
                     WHERE?
                     sami.niemela@gmail.com
                     w/ title “GROUPNAME Brand Manual ”
          HOMEWORK   print out a copy for thursday, hang it on the wall.
Q&A time!
Bonus

ITP / SED Day 5