en introduksjon til googles material design

Post on 22-Jan-2018

396 Views

Category:

Design

3 Downloads

Preview:

Click to see full reader

TRANSCRIPT

En introduksjon til

MATERIAL DESIGN

Cecilie Fjellhøy Susanne Kvernmo

En introduksjon til

MATERIAL DESIGN

Cecilie Fjellhøy Susanne Kvernmo

DESIGN

DESIGN

The main thing in our design is that we have to make things intuitively obvious

Steve Jobs“

SKEURMOFISME

SKEURMOFISME

SKEURMOFISME FLAT

Men det var en gang …

GMAIL WEB GMAIL ANDROID GMAIL MOBILE WEB

You had to pass tech interviews and be a good front-end coder to be a

designer at GoogleFred Gilbert,

lead designer of Google’s social products

2011LARRY PAGE

04.04

Page confidently told Google’s rank and file

that the company now cared about beauty and user

experienceHow Google Finally

Got Design

GOOGLEI/O 2014

Googles Material Design

MATERIAL IS THE METAPHOR BOLD, GRAPHIC, INTENTIONAL MOTION PROVIDES MEANING

Material is the metaphor

Card basert layout

Card basert layout

Bold, graphic, intentional

Motion provides meaning

TAKTILE OVERFLATER DRISTIG OG BEVISST DESIGN MENINGSFULLE BEVEGELSER

TAKTILE OVERFLATER DRISTIG OG BEVISST DESIGN MENINGSFULLE BEVEGELSER

TAKTILE OVERFLATER DRISTIG OG BEVISST DESIGN MENINGSFULLE BEVEGELSER

TAKTILE OVERFLATER DRISTIG OG BEVISST DESIGN MENINGSFULLE BEVEGELSER

SKEURMORFISME FLAT

SKEURMORFISME FLAT

MATERIAL DESIGN

PROS CONS

PROS CONS

PROS CONS

z-aksen

PROS CONS

z-aksen

Mer intuitivt enn flat

PROS CONS

z-aksen

Mer intuitivt enn flat

Fremmer bevegelse

PROS CONS

z-aksen

Mer intuitivt enn flat

Fremmer bevegelse

Styres av Google

PROS CONS

z-aksen

Mer intuitivt enn flat

Fremmer bevegelse

Styres av Google

Lengre tid å lage

PROS CONS

z-aksen

Mer intuitivt enn flat

Fremmer bevegelse

Styres av Google

Lengre tid å lage

Alt blir likt

VÅRE ERFARINGER

VÅRE ERFARINGER

VERKTØY

Dro den kanskje litt langt?

Dro den kanskje litt langt?

Don’t be evil

Don’t be evil

Don’t be ugly

Material DesignGoogles

design.google.comSjekk

Material Design

design.google.comSjekk

TAKK FOR OSS

Cecilie Fjellhøy @ceciliefjellhoy

Susanne Kvernmo @susannkv

TAKK FOR OSS

Cecilie Fjellhøy @ceciliefjellhoy

Susanne Kvernmo @susannkv

top related