Google med nytt designsystem: – En av våre største opp­dateringer

Material 3 Expressive er navnet på Googles nye designsystemet og brukergrensesnittet Android-utviklere vil forholde seg til fremover.

Googles nye designsystem inneholder nye komponenter – og ikke minst: mer fancy animasjoner. 📸: Google
Googles nye designsystem inneholder nye komponenter – og ikke minst: mer fancy animasjoner. 📸: Google Vis mer

Google lanserte denne uken sitt nye Android-designsystem, Material 3 Expressive (M3 Expressive).

M3 Expressive er åpen kildekode, og er ifølge Google en av de største oppdateringene på mange år. Oppdateringene handler i stor grad om å få telefonen (eller smartklokken) til å føles mer personlig, skal vi tro Google.

Lanseringen kommer uken før den store Google I/O-utviklerkonferansen, som starter tirsdag 20. mai.

Fancy animasjoner

M3 Expressive bygger på Material You, som ble lansert for fire år siden. Dette er også kjent som Material 3.

– Material 3 Expressive føles enda mer flytende og introduserer et system med mer naturlige, sprettende animasjoner som skal gi små øyeblikk av glede i hverdagsrutiner, skriver sjef for produktledelse og brukeropplevelser for Android, Mindy Brooks.

Slik ser det nye designet ut. 📸: Google
Slik ser det nye designet ut. 📸: Google Vis mer

Når du for eksempel sveiper et varsel på mobilskjermen til side, vil varslene over og under også bevege seg litt. Det er også en masse andre subtile animasjoner her og der.

Ifølge Google er M3 Expressive basert på omfattende brukerundersøkelser for å sikre at ting ikke bare skal se fint og flott ut, men også gi en bedre brukeropplevelse. Totalt er det gjennomført 46 ulike undersøkelser med mer enn 18.000 deltakere.

Nye komponenter

Google har skrevet en guide til utviklere som vil begynne å lage apper med M3 Expressive.

Det er massevis av nye komponenter, og komponenter som er oppdatert. 📸: Google
Det er massevis av nye komponenter, og komponenter som er oppdatert. 📸: Google Vis mer

Det er totalt femten nye eller oppdaterte komponenter, som menyer, knapper, verktøylinjer og mye mer. Et nytt fysikkbasert "motion system" bestemmer hvordan elementer skal bevege seg og animeres på skjermen.

For apputviklere som bruker Androids Jetpack Compose til å lage brukergrensesnitt, følger nå Material 3 Expressive med – du finner dokumentasjonen her.

Denne videoen fra Google viser hvordan Material 3 Expressive ser ut og fungerer: