Android UI gennem tiderne: Fra Droid Sans til Material You

Kilde: Nick Sutrich / Android Central

Android OS har eksisteret siden 2008, og på den tid er dets brugergrænseflade blevet genopfundet flere gange. Den originale Android 1.0-grænseflade, der debuterede på T-Mobile G1-den allerførste Android-telefon-var barebones og temmelig grim af moderne standarder. Det var ikke før Android 4.0, tre år inde i operativsystemets levetid, at der var nogen form for overordnet designsprog til Android -telefoner.

Udseendet og følelsen af ​​Android har været i konstant udvikling siden da, ofte med baby trin fremad, men nogle gange med kæmpe spring fremad, som det skete med introduktionen af ​​Material Design i 2014. Android 12 giver os platformens tredje store, altomfattende redesign i form af Materiale dig - en ambitiøs indsats for at gøre Android mere personlig, med individuelle farveskemaer plukket fra materialepaletten.

Da vi går ind i Android's fjerde designtid - efter de tidlige dage, Holo og Material Design - er det tid til at besøge de sidste 13 år i Android UI og huske, hvordan vi kom hertil.

Kilde: Android Central

Kilde: Android Central

I de første to år af sin eksistens manglede Android nogen stærk designretning. Fra Android 1.0 til 2.2 Froyo blev operativsystemets udseende bedst beskrevet som generisk, funktionel og intetsigende. Det syntes at tage inspiration fra datidens smartphones i gammel stil, det tidlige Android-look bestod af fede ikoner, graduerede menuer og en masse grå.

Udseendet og følelsen af ​​lager Android gjorde bare ikke så meget.

Denne no-frills æstetik gav mening for de små smartphone-skærme med lav opløsning i slutningen af ​​2000'erne. Mens Google på det tidspunkt (slags) afsendte telefoner, i form af T-Mobile G1 og i sidste ende Nexus One, var de fleste forbrugere ville opleve Android gennem linsen på en altopslugende producenthud som HTC Sense eller Samsung TouchWiz. Udseendet og følelsen af lager Android var bare ikke så meget, når bedste Android -telefoner bruger ikke noget i nærheden af ​​det.

Ikke desto mindre er mange af de vigtigste, genkendelige Android-designelementer i dag til stede, når vi ser tilbage på softwaren i T-Mobile G1. Hjemmeskærme med flere sider med widget-understøttelse, app-skuffen og notifikations-rullemenuen er alle der, selvom de er pakket ind i et brugergrænseflade, der mere ligner en 90'er desktop computer OS end Android af i dag.

Googles lancering af Nexus One -smarttelefonen faldt sammen med nogle mindre designjusteringer til Android 2.1 Eclair, der indeholder hurtige genveje til telefonappen og browseren ved siden af ​​ikonet i app -skuffen. Den første Nexus-telefon fik også et fancy 3D-animeret appgitter. Men dybest set var dette lager Android indtil slutningen af ​​2010: temmelig kedeligt, koldt og utilitaristisk.

Kilde: Android Central

Ankomsten af ​​ex-Palm-designer Matias Duarte til Google-først som designdirektør for Android, derefter for hele virksomheden-satte kursen for Android's UI i løbet af det følgende årti.

Duarte blev ansat lige før Google skulle sende Android 2.3 Gingerbread og Nexus S -telefonen, så hans indflydelse på Gingerbread var begrænset. Ikke desto mindre var Android 2.3 den mest betydningsfulde designreparation, Android endnu havde set, med mørkere farver overalt i et nik til den voksende popularitet af OLED -skærme. Det Android grøn farvetone blev brugt som accentfarve til at fremhæve ikoner, og menupresse blev tegnet med orange blink. Ellers var dette en fortsættelse af den gamle Android.

Ankomsten af ​​den første tabletspecifikke version af Android ændrede alt, med Duartes indflydelse tydeligt set i begyndelsen af ​​2011s Android 3.0 Honeycomb-udgivelse. Honeycomb drev tidlige iPad-rivaler og havde en fed sci-fi-stil grænseflade med en blå og dyb lilla farvepalet.

Denne version introducerede os til taster på skærmen, det navigationsparadigme, der forbliver med Android den dag i dag på nogle telefoner. Ved at gøre op med den gamle menu og søgeknapper fra Gingerbread og tidligere udgivelser kunne Honeycomb -enheder navigeres med tre virtuelle navigationstaster: hjem, tilbage og nylige apps. Ved at skubbe sidstnævnte startede Android's nyligt opgraderede opgaveomskifter og viser en lille forhåndsvisning af kørende apps på en liste, der kan rulles.

Honeycomb, skyndte sig på markedet i et forsøg på at bekæmpe iPad, fungerede som en slags prototype til hvad ankom senere i 2011: Android 4.0 Ice Cream Sandwich og det nye "Holo" designsprog - forkortelse for holografisk.

Kilde: Alex Dobie / Android Central

'Hvad er sjæl af Android? '

Matias Duarte dukkede op på scenen ved lanceringsarrangementet i Hong Kong for Google og Samsungs nye Galaxy Nexus, den første telefon, der kører Android 4.0, for at tale Holo.

Duarte fortalte deltagerne, at da Google søgte at lægge grundlaget for det næste halve årti af Android, spurgte det sine brugere, hvad Android betød for dem. Det fandt ud af, at i 2011, "mens folk kan lide Android, folk har brug for Android, har folk ikke kærlighed Android. "

Og derfor spurgte Google sig selv for første gang, "hvad er det sjæl af Android? "

"Android er fortryllende. Noget smukt, forførende, noget du virkelig kan blive forelsket i. Android er let. Det forenkler alle dele af mit liv. Og Android burde få mig til at føle mig kraftfuld og smart, «fortalte Duarte til deltagerne. Det nye Android UI med sit Holo -tema var beregnet til at eksemplificere disse værdier.

Holo byggede på det, der var startet i Honeycomb -udgivelsen, og tilføjede den nye Roboto -skrifttype, et skrifttype, der forbliver standard på de fleste Android -enheder i dag. I modsætning til Droid Sans, som den erstattede, blev Roboto bygget til skærme med høj densitet, der begyndte at blive almindelige på det tidspunkt, hvilket gav et mere moderne udseende og behagelig læseoplevelse. Andre steder blev de skrå kanter og prægede knapper og menuer udskåret fra Android, erstattet med enklere, mere geometriske ikoner og UI -møbler.

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

Holo Blue (a.k.a #33B5E5) var den primære accentfarve på Ice Cream Sandwich og den efterfølgende Jelly Bean -udgivelse, hvilket fik Android 4 til at virke skarp og futuristisk, men klart mindre Tron-påvirket, end Honeycomb havde været. Den mørkere farvepalet fra Android 2.3 og 3.0 forblev dog og syntes at passe godt til Galaxy Nexus, især med dens ekspansive, kontrast-tunge AMOLED-skærm.

De fleste store Android -producenter ville dog fortsat gøre deres egne ting. Ligesom Samsung, HTC og LG pudsede igen Android med deres egne brugerdefinerede grænsefladelag, der ofte kører groft over Holo i et forsøg på at differentiere deres produkter. Som et resultat lignede en Samsung -telefon, der kører Gingerbread, stort set det samme som en Samsung -telefon, der kører Ice Cream Sandwich. For eksempel på Galaxy S3, det første store Samsung-håndsæt, der blev lanceret efter co-brandet Galaxy Nexus, skulle du se efter virkelig svært at se noget af arbejdet fra Duarte og hans team.

Tidligt Holo var dog et temmelig meningsfuldt designsprog, der ikke let kunne giftes med en virksomheds egne designpræferencer. I skarp kontrast til en af ​​kernestandarderne i Materiale dig, den karakteristiske Holo-blå var hårdt forbundet til Holo-temaet, uden nogen måde at ændre det på Android-enheder på lager.

Android 4.4 KitKat tæmmede Holo noget og erstattede blå accenter med lysere hvide, hvilket gav en bedre pasform sammen med apps, tapeter og ikoner ved hjælp af en mere forskelligartet farvepalet. Og dette ville til sidst falde ind i det andet stort stort Android redesign der skete sidst i 2014.

Kilde: Android Central

På udviklerkonferencen i I/O 2014 i San Francisco afslørede Matias Duarte i sin nye rolle som VP for design for hele Google den nye Materialedesign Sprog.

Materialedesign var "en ensartet vision for mobil, desktop og mere," sagde Duarte. Ligesom Holo var ankommet lige i tide til mobildisplays med højere opløsning fra begyndelsen af ​​2010'erne, Material Design udnyttede de forbedrede grafiske hestekræfter for den mobile hardware, der var tilgængelig midt i det årti. Men det var ikke kun for telefoner - Material Design ville leve på tablets, smartwatches, Chromebooks og internettet.

"Vi ønskede et design, der var klart og enkelt, og som folk intuitivt ville forstå," forklarede Duarte. "Så vi forestillede os: hvad nu hvis pixels ikke bare havde farve, men også dybde? Hvad hvis der var et intelligent materiale, der var så simpelt som papir, men kunne transformere og ændre form som reaktion på berøring? "

Kilde: Phil Nickinson / Android Central

'Hvad hvis der var et intelligent materiale, der var så simpelt som papir, men kunne transformere og ændre form?'

"Digitalt papir" var kernen i den oprindelige vision for Material Design: UI, der lignede et ark papir, med subtile skygger til at formidle dybde, samtidig med at det er i stand til at udvide, ændre størrelse, kombinere og overføre som havde brug for. Hver overflade i en Android -app kan nu have en højdeværdi, med Android -rammerne på en passende måde, der gengiver belysning og skygger under dette digitale papir.

Materialedesign blev præsenteret som enkelt, geometrisk og lagdelt med en fed farvepalet og dejlige animationer. Enkel blomstrer som en afspilningsknap, der deler sig i et pauseikon, når der trykkes på, eller kontaktikoner udvides til se, når de indlæser, adskiller en Material -app sig fra det tidligere Holo -designsprog og forbliver en del af Android i dag.

Den originale Material sizzle-rulle viste dette sammen med meget levende nuancer og lag-tunge apps med glatte animationer, der aldrig var fuldt ud indset, da designsproget kom live i Android 5.0 Lollipop. Den virkelige implementering af materiale endte med at blive mere konservativ, da Google-ingeniører kæmpede for at få virksomhedens enorme loadout af Android-apps Materialeklar. Android var et stort skib at styre, og "materialiseringen" af operativsystemet og dets apps endte med at blive en flerårig proces.

Ikke desto mindre introducerede Material Design i Android Lollipop flere vigtige designelementer, der varede i mere end et halvt årti: Den flydende handlingsknap var nøglefunktionerne til at gå til placeringen, f.eks. At starte en ny besked i en sms-app eller tilføje et element til en liste. Og "hamburger" -menuer, der kan slides ud, fremkom som en foretrukken måde at navigere mellem de store områder af apps. Og knappetrykket og overløbet blomstrer, der debuterede med Material Design i Android 5 fast hele vejen igennem til Android 11.

Og med Google mere kontrol over Android -økosystemet - og det nye designsprog er mere åbent til tilpasning - Materialedesign blev lettere inkorporeret i producenternes Android -skind sammenlignet med Holo.

Materialedesign var altid beregnet til at bevæge sig med tiden.

Materialedesign var dog aldrig beregnet til at være et statisk sæt retningslinjer, og det fortsatte med at udvikle sig i efterfølgende Android -versioner. Android 6 Marshmallow -udgivelsen fra 2015 svingede væk fra de mættede farver, vi havde set i den indledende materialepræsentation. Menuen Nyere apps i Rolodex-stil blev til sidst nedlagt i Android 9. Og "Hamburger" navigationsmenuer kolliderede med Android 10's gestusnavigation og er nu blevet trukket tilbage fra mange apps.

Kilde: Alex Dobie / Android Central

I 2016 debuterede Google sine første Pixel -telefoner, hvilket førte til en yderligere udvikling inden for materialedesign og en afvigelse fra den oprindelige vision fra 2014. Da efterfølgende pixels ankom, søgte hardwareproducenten Google at differentiere sin telefonsoftware yderligere. Google -apps blev mindre farverige og skubbede i stedet et rent hvidt og blåt farveskema. I 2020 havde de fleste kerne-Google-apps som Fotos, Gmail, Nyheder og Maps vedtaget denne "Material Theme" æstetik sammen med iPhone-lignende nederste navigationsknapper.

Google -apps i 2020 var langt fra den farverige Material -prototype, der blev vist i 2014. Heldigvis var der dog planlagt en mere levende Material makeover til Android 12 i 2021.

Kilde: Google

Syv år efter debut af Material Design var Google I/O -konferencen igen stedet for en større Android -designmeddelelse. Og Matias Duarte vendte tilbage til scenen i Mountain View, denne gang for at vise den næste iteration af Googles designsprog i Android 12 Materiale dig.

"I stedet for at form følger funktion, hvad nu hvis form fulgte følelse? I stedet for Google blå forestillede vi Material You-et nyt design, der inkluderer dig som medskabende, så du kan ændre udseendet og følelsen af ​​alle dine apps. "

Kilde: Google

'I stedet for Google blå, forestillede vi os Materialer.'

Magien bag Materiale dig var et projekt internt kendt hos Google som "Monet". Monet kunne undersøge din valgte startskærm baggrund, vælg nøglefarver fra paletten Materialer og brug dem til at tilpasse alle apps på din telefon. Flere dæmpede nuancer ville blive brugt til baggrunde, mens levende, iøjnefaldende farver kan blive anvendt på vigtige knapper eller kontakter.

I modsætning til Material Design 1.0's "Digital Paper" fremstår Material You fladere og mere abstrakt. Lagene i brugergrænsefladen er stadig der, som det fremgår af de overlappende niveauer af hurtige indstillingsknapper, meddelelsespaneler og grænser, når du trækker Android 12's notifikationsskygge ned.

Kilde: Google

Men skyggerne og skarpe papirlignende kanter på Android Lollipop er væk, erstattet med afrundede hjørner med brede radier. Selv startskærmswidgets er blevet revideret med afrundede hjørner. Materiale Du fungerer også som en modgift mod de ofte kedelige Google-apps, som brugerne var blevet vant til i Android 10 og 11. Android 12, påstår Google, kan hjælpe dig med at vælge en tilpasset palet, som den ved vil se godt ud i apps, menuer og endda widgets på startskærmen. Det er en mere personlig, mere udtryksfuld designtilgang til, hvad der trods alt er den mest personlige computer, de fleste mennesker ejer.

Og mens den gamle trofaste Roboto -skrifttype stadig bruges på steder, fremhæver Material You Google Sans, virksomhedens officielle skrifttype, der pakker mere personlighed. Google Sans bruges overalt, fra ikontekster til menuer i appen Indstillinger og skaleres op Android 12s låseskærm for at fylde skærmen med et farvet ur, når der ikke er ventende meddelelser.

Kilde: Nick Sutrich / Android Central

En fed ny retning til Android -design, men vil producenterne hoppe ombord?

Den animerede blomstrer i materiale Du er også en naturlig udvikling af tidligt materialedesign. Ambient Display -uret kommer til live, når telefonen tages op, bliver mere dristig og farvet. Og afhængigt af hvordan du låser eller låser din telefon op, ser du en animeret aura, der ledsager handlingen.

Materiale, du debuterer i Android 12 på Google Pixel -telefoner i slutningen af ​​2021, og det er sandsynligt, at nogle andre producenter vil inkorporere det i deres Android -skind samt opdateringer. Men ligesom det var med Holo og Material Design, er der ingen garanti for, at telefonproducenter følger Googles føring. Android 12-brugere bliver også nødt til at vente på, at udviklere opdaterer deres apps for at understøtte Material You's palette-byttefunktioner. Hvis overgangen til Material Design i 2014 er noget at gå efter, kan det tage noget tid.

Ikke desto mindre giver det, vi hidtil har set af Material You, Android generelt - og Google Pixel -enheder i særdeleshed - a stærk designidentitet, med et designsprog godt tilpasset telefonerne, ure, tablets og andre smarte overflader på 2020'erne.

Hvis historien er en indikator, tjekker vi ind igen et sted omkring 2026 for at finde ud af, hvor Material Design er på vej hen.