Materialdesign er et designspråk utviklet av Google. Det debuterte i 2014 som et enhetlig system for Android og Googles webprodukter. Systemet bruker dybde-, bevegelses- og rutenettbaserte layouter. Overflater og kanter gir visuelle signaler. Skygger indikerer høyde. Elementer kaster skygger for å vise forholdet til overflaten under dem. Designet etterligner fysiske materialer, derav navnet. Men det er ikke skeuomorfisme. Det imiterer ikke lær eller tre. Det abstraherer egenskapene til papir og blekk til et digitalt system.
Material Design gir retningslinjer for layout, farge, typografi, ikonografi og bevegelse. Rutenettet er basert på et 8dp-avstandssystem. Komponenter har definerte tilstander: standard, svevemodus, fokus, trykket og deaktivert. Bevegelse er målrettet. Animasjoner viser hvor elementene kommer fra og hvor de går. De styrer oppmerksomheten og gir tilbakemelding. Systemet har utviklet seg. Material Design 2 forbedret komponentene. Material Design 3 introduserte dynamisk farge, som genererer paletter fra en brukers bakgrunnsbilde. Systemet er åpent. Utviklere og designere kan bruke det gratis. Det har blitt tatt i bruk utover Googles produkter. Mange apper bruker Material Design-komponenter fordi de er kjente og godt testet. Systemet er ikke perfekt. Kritikere sier at det ser generisk ut. Hver app som følger det ser ut som alle andre apper. Avveiningen er konsistens. Material Design gir team et felles språk. De kan bygge raskere fordi beslutningene allerede er tatt.
Prinsipper for materialdesign
- Materiell metafor – overflater og kanter gir signaler
- Dristig grafikk – bevisste farger og bilder
- Bevegelse – animasjoner veileder og informerer
- Adaptiv – fungerer på tvers av enheter og skjermstørrelser
- Rutenettbasert — 8 dp-avstandssystem
Materialdesign er et system. Det gjør designbeslutninger enklere ved å tilby standardverdier. Standardverdiene kan følges eller overstyres. Systemet er et utgangspunkt, ikke en tvangstrøye.
Comments
No comments yet. Be the first to share a thought.
Leave a comment