44
The SCIENCE of DESIGN @KasseySikora

NEOTIE 2015 - The Science of Design

Embed Size (px)

Citation preview

The SCIENCE of DESIGN

@KasseySikora

ABOUT ME

Letsa Go!

DESIGN??(???)

Science – Vibrant colors create emotion

• Red: passion, urgency• Orange: warm, energizing• Green: earthy, optimistic, relaxing• Blue: secure, safe, dependent, truthful,

friendly• Purple: creativity, luxury, wealth

1 // COLOR

1 // COLOR

Complimentary Monochrome

ACCOMPLISH IT

KULER

1.5 // CONTRAST

A Special Consideration –

1.5 // CONTRAST

1.5. // CONTRAST

1.5. // CONTRAST

1.5. // CONTRAST

Science – Association

2 // TYPOGRAPHY

2 // TYPOGRAPHY

Types of Type -

Helvetica

Baskerville Old Face

Brush Script

Curlz MT

2 // TYPOGRAPHY

Il1

Il1Il1

Il1Il1Il1

ACCOMPLISH IT

- Family - Serif with Sans Serif - Context

TNRGill Sans MT

PAIRING FONTS

3 // ALIGNMENT

3 // ALIGNMENT

Science – Heat maps where people’s eyes move on a page

4 // LAYOUT

Golden ratio, fibonacci sequence, rule of thirds

4 // LAYOUT

4 // LAYOUT

ACCOMPLISH IT

4 // LAYOUT

4 // LAYOUT

4 // LAYOUT

5 // PROXIMITY

5 // PROXIMITYBig Cats Tiger LionJaguarLeopardCheetahCougar Top 5 Small CatsPersianMaine CoonSiameseRagdollShorthairFamous CatsGarfieldGrumpy CatPink PantherKeyboard Cat Hello Kitty

Big Cats Tiger LionJaguarLeopardCheetahCougar

Top 5 Small CatsPersianMaine CoonSiameseRagdollShorthair

Famous CatsGarfieldGrumpy CatPink PantherKeyboard Cat Hello Kitty

Science -strategically located, between margins, leading text and sub-sections of a page layout

Think of store layouts

5.5 // WHITE SPACE

5.5 // WHITE SPACE

Science - Stock ImagesPeople vs Action

6 // IMAGES

6 // IMAGES

6 // IMAGES

THANKS!

• Lets connect– @KasseySikora– LinkedIn – Kassandra Sikora

• More on the blog later!