en introduksjon til googles material design
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