Android UI gjennom tidene: Fra Droid Sans til Material You

Kilde: Nick Sutrich / Android Central

Android OS har eksistert siden 2008, og på den tiden har brukergrensesnittet blitt oppfunnet flere ganger. Det opprinnelige Android 1.0-grensesnittet som debuterte på T-Mobile G1-den aller første Android-telefonen-var barebones og ganske stygg etter moderne standarder. Det var ikke før Android 4.0, tre år ut i operativsystemets levetid, at det var noen form for overordnet designspråk for Android -telefoner.

Utseendet og følelsen til Android har utviklet seg konstant siden den gang, ofte med babysteg fremover, men noen ganger med gigantiske sprang fremover, slik det skjedde med introduksjonen av Material Design i 2014. Android 12 gir oss plattformens tredje store, altomfattende redesign i form av Materiale du - en ambisiøs innsats for å gjøre Android mer personlig, med individuelle fargevalg plukket fra materialpaletten.

Når vi går inn i den fjerde designtiden for Android - etter de første dagene, Holo og Material Design - er det på tide å gå tilbake til de siste 13 årene i Android UI og huske hvordan vi kom hit.

Kilde: Android Central

Kilde: Android Central

I de to første årene av sin eksistens manglet Android noen sterk designretning. Fra Android 1.0 til 2.2 Froyo ble utseendet og følelsen av operativsystemet best beskrevet som generisk, funksjonell og tørt. Ser ut til å hente inspirasjon fra datidens gamle smarttelefoner, og det tidlige Android-utseendet besto av tykke ikoner, graderte menyer og mye grått.

Utseendet og følelsen av Android -aksjer spilte bare ikke så stor rolle.

Denne elegante estetikken ga mening for de små smarttelefonskjermene med lav oppløsning på slutten av 2000-tallet. Mens Google var (slags) forsendelse telefoner på den tiden, i form av T-Mobile G1 og til slutt Nexus One, mest forbrukere ville oppleve Android gjennom linsen til en altoppslukende produsenthud som HTC Sense eller Samsung TouchWiz. Utseendet og følelsen av lager Android gjorde bare ikke så mye når beste Android -telefoner bruker ikke noe i nærheten av det.

Når du ser tilbake på programvaren til T-Mobile G1, er det imidlertid mange av de viktigste, gjenkjennelige Android-designelementene i dag. Hjemmeskjermer på flere sider med widgetstøtte, appskuff og nedtrekksvarsel der, selv om de er pakket inn i et brukergrensesnitt som mer ligner en 90 -talls stasjonær datamaskin enn Android -en i dag.

Googles lansering av Nexus One -smarttelefonen falt sammen med noen mindre designjusteringer til Android 2.1 Eclair, som inneholder raske snarveier til telefonappen og nettleseren ved siden av appskuffikonet. Den første Nexus-telefonen fikk også et fancy 3D-animert appgitter. Men i utgangspunktet var dette lager Android til slutten av 2010: ganske kjedelig, kaldt og utilitaristisk.

Kilde: Android Central

Ankomsten av eks-Palm-designeren Matias Duarte til Google-først som designdirektør for Android, deretter for hele selskapet-satte kursen for Android-brukergrensesnittet i løpet av det følgende tiåret.

Duarte ble ansatt rett før Google skulle sende Android 2.3 Gingerbread og Nexus S -telefonen, så hans innflytelse på Gingerbread var begrenset. Ikke desto mindre var Android 2.3 den mest betydningsfulle designoverhalingen Android hadde sett, med mørkere farger gjennom en nikk til den økende populariteten til OLED -skjermer. De Android grønn fargetone ble brukt som en aksentfarge for å markere ikoner, og menypressene ble tegnet med oransje blink. Ellers var dette en fortsettelse av den gamle Android-enheten.

Ankomsten av den første tablettspesifikke versjonen av Android forandret alt, med Duartes innflytelse klart tydelig i begynnelsen av 2011s Android 3.0 Honeycomb-utgivelse. Honeycomb drev tidlige iPad-rivaler og hadde et dristig grensesnitt i sci-fi-stil med en blå og dyp lilla fargepalett.

Denne versjonen introduserte oss for taster på skjermen, navigasjonsparadigmet som forblir med Android den dag i dag på noen telefoner. Hvis du gjør unna den gamle menyen og søkeknappene fra Gingerbread og tidligere utgivelser, kan Honeycomb -enheter navigeres med tre virtuelle navigeringstaster: Hjem, Tilbake og Nye apper. Ved å skyve sistnevnte ble Androids nyoppussede oppgavebryter aktivert, og viser en liten forhåndsvisning av kjørende apper i en rullbar liste.

Honeycomb, som hastet ut på markedet i et forsøk på å bekjempe iPad, fungerte som en slags prototype for hva kom senere i 2011: Android 4.0 Ice Cream Sandwich og det nye "Holo" designspråket - forkortelse for holografisk.

Kilde: Alex Dobie / Android Central

'Hva er sjel av Android? '

Matias Duarte dukket opp på scenen under lanseringsarrangementet i Hong Kong for Google og Samsungs nye Galaxy Nexus, den første telefonen som kjører Android 4.0, for å snakke om Holo.

Duarte fortalte deltakerne at da Google prøvde å legge grunnlaget for det neste halve tiåret for Android, spurte det brukerne hva Android betydde for dem. Den fant ut at i 2011, "mens folk liker Android, trenger folk Android, ikke folk kjærlighet Android. "

Og derfor spurte Google seg selv, for første gang, "hva er sjel av Android? "

"Android er fortryllende. Noe vakkert, forførende, noe du virkelig kan bli forelsket i. Android er enkelt. Det forenkler alle deler av livet mitt. Og Android burde få meg til å føle meg kraftig og smart, sier Duarte til deltakerne. Det nye Android -brukergrensesnittet, med sitt Holo -tema, var ment å eksemplifisere disse verdiene.

Holo bygde på det som var startet i Honeycomb -utgivelsen, og la til den nye Roboto -skriften, et skrifttype som fortsatt er standard på de fleste Android -enheter i dag. I motsetning til Droid Sans, som den erstattet, ble Roboto bygget for skjermer med høy tetthet som begynte å bli vanlig på den tiden, noe som ga et mer moderne utseende og hyggelig leseopplevelse. Andre steder ble de skrå kantene og pregede knapper og menyer fjernet fra Android, erstattet med enklere, mer geometriske ikoner og UI -møbler.

Kilde: J4lambert, CC BY-SA 4.0, via Wikimedia Commons

Holo Blue (a.k.a #33B5E5) var hovedfargen på Ice Cream Sandwich og den påfølgende Jelly Bean -utgivelsen, noe som fikk Android 4 til å virke skarp og futuristisk, men tydelig mindre Tron-påvirket enn Honeycomb hadde vært. Den mørkere fargepaletten fra Android 2.3 og 3.0 forble imidlertid og syntes å passe godt til Galaxy Nexus, spesielt med den ekspansive, kontrast-tunge AMOLED-skjermen.

De fleste store Android -produsenter ville imidlertid fortsette å gjøre sine egne ting. Som Samsung, HTC og LG pusset nok en gang Android med sine egne tilpassede grensesnittlag, som ofte kjører grovt over Holo i et forsøk på å differensiere produktene sine. Som et resultat så en Samsung -telefon som kjører pepperkaker ganske mye ut som en Samsung -telefon som kjører Ice Cream Sandwich. For eksempel, på Galaxy S3, det første store Samsung-håndsettet som ble lansert etter co-branded Galaxy Nexus, må du se egentlig vanskelig å se noe av arbeidet fra Duarte og teamet hans.

Tidlig Holo var imidlertid et ganske meningsfullt designspråk, som ikke lett kunne gifte seg med selskapets egne designpreferanser. I sterk kontrast til en av kjernetankene i Materiale du, den særegne Holo-blå var hardt koblet til Holo-temaet, uten noen måte å endre det på Android-enheter på lager.

Android 4.4 KitKat temmet Holo noe, erstattet blå aksenter med lysere hvite, noe som gir en bedre passform sammen med apper, bakgrunnsbilder og ikoner ved hjelp av en mer variert fargepalett. Og dette ville til slutt falle inn i det andre flott stort Android -redesign som skjedde i slutten av 2014.

Kilde: Android Central

På utviklerkonferansen i I/O 2014 i San Francisco presenterte Matias Duarte, i sin nye rolle som VP for design for hele Google, den nye Materialdesign Språk.

Material Design var "en konsekvent visjon, for mobil, stasjonær datamaskin og utover," sa Duarte. Akkurat som Holo hadde kommet akkurat i tide til mobilskjermene med høyere oppløsning tidlig på 2010-tallet, Material Design utnyttet den forbedrede grafiske hestekreften til den mobile maskinvaren som var tilgjengelig midt i det tiår. Men det var ikke bare for telefoner - Material Design ville leve på nettbrett, smartklokker, Chromebooks og nettet.

"Vi ønsket et design som var klart og enkelt, og som folk intuitivt ville forstå," forklarte Duarte. "Så vi forestilte oss: hva om piksler ikke bare hadde farge, men også dybde? Hva om det var et intelligent materiale som var så enkelt som papir, men som kunne forvandle og endre form som svar på berøring? "

Kilde: Phil Nickinson / Android Central

'Hva om det var et intelligent materiale som var så enkelt som papir, men som kunne forvandle og endre form?'

"Digitalt papir" var kjernen i den opprinnelige visjonen for Material Design: UI som lignet på et ark papir, med subtile skygger for å formidle dybde, samtidig som du kan utvide, endre størrelse, kombinere og overføre som behov for. Hver overflate i en Android -app kan nå ha en høydeverdi, med Android -rammeverket på en passende måte som gjengir belysning og skygger under dette digitale papiret.

Material Design ble presentert som enkelt, geometrisk og lagdelt, med en dristig fargepalett og herlige animasjoner. Enkel blomstrer som en avspillingsknapp som deler seg i et pauseikon når det trykkes på eller kontaktikonene utvides til se når de laster, sett en Material -app bortsett fra det tidligere Holo -designspråket og forblir en del av Android i dag.

Den originale Material sizzle-rullen viste dette, sammen med svært levende fargetoner og lag-tunge apper med glatte animasjoner som aldri var fullt innså da designspråket gikk live i Android 5.0 Lollipop. Den virkelige implementeringen av Material endte opp med å bli mer konservativ, ettersom Google-ingeniører forsøkte å få selskapets enorme mengde Android-apper Material-klare. Android var et stort skip å styre, og "materialisering" av operativsystemet og dets apper endte opp som en flerårig prosess.

Likevel introduserte Material Design i Android Lollipop flere viktige designelementer som vedvarte i mer enn et halvt tiår: Den flytende handlingsknappen var viktige funksjoner for å gå til stedet, for eksempel å starte en ny melding i en tekstapp eller legge til et element i en liste. Og uttrekkbare "hamburger" -menyer dukket opp som en favoritt måte å navigere mellom de store appområdene. Og knappetrykket og overløpet blomstrer som debuterte med Material Design i Android 5 som satt fast helt til Android 11.

Og med at Google har mer kontroll over Android -økosystemet - og det nye designspråket blir mer åpent til tilpasning - Materialdesign ble lettere innlemmet i produsentens Android -skinn sammenlignet med Holo.

Materialdesign var alltid ment å bevege seg med tiden.

Materialdesign var imidlertid aldri ment å være et statisk sett med retningslinjer, og det fortsatte å utvikle seg i påfølgende Android -versjoner. Android 6 Marshmallow -utgivelsen fra 2015 svingte bort fra de mettede fargene vi hadde sett i den første materialpresentasjonen. Menyen Nyere apper i Rolodex-stil ble til slutt avviklet i Android 9. Og "Hamburger" navigasjonsmenyer kolliderte med Android 10s bevegelsesnavigasjon og har nå blitt trukket tilbake fra mange apper.

Kilde: Alex Dobie / Android Central

I 2016 debuterte Google sine første Pixel -telefoner, noe som førte til en videre utvikling innen materialdesign og en avvik fra den opprinnelige visjonen fra 2014. Da påfølgende piksler ankom, ønsket maskinvareprodusenten Google å differensiere telefonprogramvaren ytterligere. Google -apper ble mindre fargerike og presset i stedet et rent hvitt og blått fargevalg. I 2020 hadde de fleste kjerne-Google-appene som Bilder, Gmail, Nyheter og Maps vedtatt denne "Material Theme" -estetikken, sammen med iPhone-lignende bunnnavigasjonsknapper.

Google -appene i 2020 var langt fra den fargerike Material -prototypen som ble vist i 2014. Heldigvis var det imidlertid planlagt en mer levende Material -makeover for Android 12 i 2021.

Kilde: Google

Sju år etter debuten av Material Design, var Google I/O -konferansen igjen stedet for en stor Android -designmelding. Og Matias Duarte kom tilbake til scenen i Mountain View, denne gangen for å vise frem neste iterasjon av Googles designspråk på Android 12 Materiale du.

"I stedet for at form følger funksjon, hva om form fulgte følelse? I stedet for Google blå, forestilte vi Material You-et nytt design som inkluderer deg som medskapere, slik at du kan endre utseendet og følelsen til alle appene dine. "

Kilde: Google

'I stedet for Google blå, forestilte vi oss Material You.'

Magien bak Materiale du var et prosjekt internt kjent hos Google som "Monet". Monet kunne undersøke den valgte startskjermen bakgrunn, velg nøkkelfarger fra materialpaletten og bruk dem til å tilpasse alle appene på din telefon. Mer dempede fargetoner ville blitt brukt for bakgrunner, mens levende, iøynefallende farger kan brukes på viktige knapper eller brytere.

I motsetning til Material Design 1.0s "Digital Paper" fremstår Material You flatere og mer abstrakt. Lagene i brukergrensesnittet er fortsatt der, som det fremgår av de overlappende nivåene av hurtiginnstillingsknapper, varslingspaneler og grenser når du trekker ned varselskyggen for Android 12.

Kilde: Google

Men skyggene og skarpe papirlignende kantene på Android Lollipop er borte, erstattet med avrundede hjørner med brede radier. Selv widgets på startskjermen har blitt overhalet med avrundede hjørner. Materiale Du fungerer også som en motgift mot de ofte kjedelige Google-appene som brukerne hadde blitt vant til i Android 10 og 11. Android 12, hevder Google, kan hjelpe deg med å velge en tilpasset palett som den vet vil se bra ut i apper, menyer og til og med widgets på startskjermen. Det er en mer personlig, mer uttrykksfull designtilnærming for det som tross alt er den mest personlige datamaskinen de fleste eier.

Og mens den gamle trofaste Roboto -skriften fremdeles brukes på steder, understreker Material You Google Sans, selskapets offisielle skrift, som gir mer personlighet. Google Sans brukes overalt, fra ikonetekst til menyer i Innstillinger -appen, og skaleres opp Android 12s låseskjerm for å fylle skjermen med en farget klokke når det ikke er ventende varsler.

Kilde: Nick Sutrich / Android Central

En dristig ny retning for Android -design, men vil produsentene hoppe om bord?

Den animerte blomstrer i Material You are also a natural evolution of early Material Design. Ambient Display -klokken våkner til liv når telefonen tas opp, blir dristigere og farget. Og avhengig av hvordan du låser eller låser opp telefonen, ser du en animert aura som følger med handlingen.

Materiale du debuterer i Android 12 på Google Pixel -telefoner i slutten av 2021, og det er sannsynlig at noen andre produsenter vil inkorporere det i Android -skinnene sine, så vel som oppdateringer. Imidlertid, akkurat som det var med Holo og Material Design, er det ingen garanti for at telefonprodusenter vil følge Googles ledelse. Android 12-brukere må også vente på at utviklere oppdaterer appene sine for å støtte Material Yous palettbyttefunksjoner. Hvis overgangen til Material Design i 2014 er noe å gå etter, kan det ta litt tid.

Likevel gir det vi har sett av Material You så langt Android generelt - og Google Pixel -enheter spesielt - en sterk designidentitet, med et designspråk godt tilpasset telefonene, klokkene, nettbrettene og andre smarte overflater på 2020 -tallet.

Hvis historien er en indikator, sjekker vi inn igjen et sted rundt 2026 for å finne ut hvor Material Design er på vei videre.