Skrevet af den

Et kig på Googles Material design – anden del

Eksempler på floating action buttons

Anden og sidste del af “Et kig på Googles Material design”, hvor vi skal omkring de grafiske elementer og animationer, som er med Material Design.

Floating action button og andre elementer

Som en stor del af designlinjen, er der forskellige animerede elementer, som gør navigation nemmere.

Google beskriver disse elementer som “elementer der får brugeren til at føle sig mere i kontrol over, hvad der sker på skærmen”.

Der er især ét grafisk element, som Google lægger meget vægt på – nemlig en “floating action button” eller “fap”. Se billedet herover.

Denne fap kan bruges til mange forskellige ting, men Google selv bruger den mest til at åbne og lukke for lag af ekstra information, eller eksempelvis som play-knapper til afspillere.

Hvis du vil afprøve den, har Google en demo version til det.

Eksempel på Material design animationer

Eksempel på Material design animationer

Material design gør generelt set brug af animationer til at hjælpe brugerne med at navigere på telefoner og tablets.

Det er vigtigt, at brugeren får oplevelsen af at trykke på noget, og at man har kontrol over det, man trykker på. Se alle de lækre animationer her.

Kilde: Google – Material design – Meaningful transitions

Der er så mange forskellige animationer, funktioner og komponenter i Material design, at jeg ikke kan få dem alle sammen med i denne artikel. Så hvis det har interesse, så besøg denne side.