UI Android de-a lungul veacurilor: de la Droid Sans la Material You

Sursa: Nick Sutrich / Android Central

Sistemul de operare Android există încă din 2008 și, în acel moment, interfața sa a fost reinventată de mai multe ori. Interfața originală Android 1.0 care a debutat pe T-Mobile G1 - primul telefon Android - a fost barebones și destul de urât după standardele moderne. Abia după Android 4.0, la trei ani de viață a sistemului de operare, a existat orice fel de limbaj general de design pentru telefoanele Android.

Aspectul și senzația Android au evoluat constant de atunci, adesea cu pași pentru copii înainte, dar uneori cu salturi uriașe înainte, așa cum sa întâmplat cu introducerea Material Design în 2014. Android 12 ne oferă cea de-a treia mare reproiectare a platformei, atotcuprinzătoare, sub formă de Te materializează - un efort ambițios pentru a face Android mai personal, cu scheme de culori individuale smulse din paleta Material.

Pe măsură ce intrăm în a patra eră a designului Android - după primele zile, Holo și Material Design - este timpul să revedem ultimii 13 ani în interfața de utilizare Android și să ne amintim cum am ajuns aici.

Sursa: Android Central

Sursa: Android Central

În primii doi ani de existență, Android nu a avut nicio direcție puternică de proiectare. De la Android 1.0 la 2.2 Froyo, aspectul sistemului de operare a fost cel mai bine descris ca generic, funcțional și bland. Pare să se inspire din smartphone-urile vechi ale vremii, aspectul timpuriu al Androidului consta din icoane groase, meniuri degradate și o mulțime de gri.

Aspectul stocului Android pur și simplu nu a contat atât de mult.

Această estetică simplă a avut sens pentru ecranele mici, cu rezoluție redusă, de la sfârșitul anilor 2000. În timp ce Google livra (un fel de) telefoane la acel moment, sub forma T-Mobile G1 și, în cele din urmă, a Nexus One, majoritatea consumatorii ar experimenta Android prin obiectivul unui skin producător care consumă totul, cum ar fi HTC Sense sau Samsung Atingeți Wiz. Aspectul și simțul stoc Android pur și simplu nu conta atât de mult când cele mai bune telefoane Android nu folosesc nimic apropiat.

Cu toate acestea, uitându-ne înapoi la software-ul T-Mobile G1, sunt prezente multe dintre elementele cheie și recunoscute de design Android de astăzi. Ecranele de start cu mai multe pagini cu suport pentru widget-uri, sertarul aplicației și meniul derulant pentru notificări sunt toate acolo, chiar dacă sunt înfășurate într-o interfață de utilizare care seamănă mai mult cu un sistem de operare desktop din anii '90 decât cu Android azi.

Lansarea de către Google a smartphone-ului Nexus One a coincis cu câteva modificări minore ale designului la Android 2.1 Eclair, încorporând comenzi rapide rapide către aplicația Telefon și Browser alături de pictograma sertarului aplicației. Primul telefon Nexus a primit, de asemenea, o grilă de aplicație animată 3D. Dar, practic, acesta a fost Android stoc până la sfârșitul anului 2010: destul de plictisitor, rece și utilitar.

Sursa: Android Central

Sosirea fostului designer Palm Matias Duarte la Google - mai întâi ca director de design pentru Android, apoi pentru întreaga companie - a stabilit cursul pentru interfața de utilizare a Android în deceniul următor.

Duarte a fost angajat chiar înainte ca Google să livreze Android 2.3 Gingerbread și telefonul Nexus S, astfel încât influența sa asupra Gingerbread a fost limitată. Cu toate acestea, Android 2.3 a fost cea mai semnificativă revizie de design pe care Android a văzut-o până acum, cu culori mai închise pe tot parcursul, indicând popularitatea crescândă a ecranelor OLED. The Android verde nuanța a fost utilizată ca culoare de accent pentru a evidenția pictogramele, iar apăsările de meniu au fost punctate de flash-uri de portocaliu. În caz contrar, aceasta a fost o continuare a vechiului aspect Android.

Sosirea primei versiuni de Android specifice tabletei a schimbat totul, influența lui Duarte fiind văzută clar la începutul anului 2011, versiunea Android 3.0 Honeycomb. Honeycomb a alimentat rivalii timpurii ai iPad-ului și a purtat o interfață îndrăzneață în stil SF, cu o paletă de culori albastru și violet.

Această versiune ne-a prezentat tastele de pe ecran, paradigma de navigație care rămâne cu Android până în prezent pe unele telefoane. Eliminând vechiul meniu și butoanele de căutare de la Gingerbread și versiunile anterioare, dispozitivele Honeycomb ar putea fi navigate cu trei taste virtuale de navigare: acasă, înapoi și aplicații recente. Împingerea acestuia din urmă a declanșat noul comutator de sarcini renovat al Android, afișând o mică previzualizare a aplicațiilor care rulează într-o listă derulabilă.

Fagurele, s-a repezit pe piață în încercarea de a combate iPad-ul, a acționat ca un fel de prototip pentru ce a sosit mai târziu în 2011: Android 4.0 Ice Cream Sandwich și noul limbaj de design „Holo” - prescurtare holografic.

Sursa: Alex Dobie / Android Central

'Ce este suflet de Android? '

Matias Duarte a apărut pe scenă la evenimentul de lansare din Hong Kong pentru Google și noul Galaxy Nexus de la Samsung, primul telefon care rulează Android 4.0, pentru a vorbi despre Holo.

Duarte le-a spus participanților că, pe măsură ce Google a încercat să pună bazele pentru următoarea jumătate de deceniu de Android, și-a întrebat utilizatorii ce înseamnă Android pentru ei. S-a constatat că, în 2011, „în timp ce oamenilor le place Android, oamenii au nevoie de Android, oamenii nu dragoste Android. "

Astfel, Google s-a întrebat, pentru prima dată, „ce este suflet din Android? "

„Android este încântător. Ceva frumos, seducător, ceva de care te poți îndrăgosti cu adevărat. Android este ușor. Simplifică fiecare parte a vieții mele. Și Android ar trebui să mă facă să mă simt puternic și inteligent ", le-a spus Duarte participanților. Noua interfață de utilizare Android, cu tema sa Holo, a fost menită să exemplifice aceste valori.

Holo s-a bazat pe ceea ce fusese început în versiunea Honeycomb, adăugând noul font Roboto, un tipar care rămâne implicit pe majoritatea dispozitivelor Android de astăzi. Spre deosebire de Droid Sans, pe care l-a înlocuit, Roboto a fost construit pentru afișajele de înaltă densitate care începeau să devină obișnuite în acel moment, oferind un aspect mai modern și o experiență plăcută de citire. În altă parte, marginile teșite, butoanele și meniurile în relief au fost excizate de la Android, înlocuite cu pictograme mai simple, mai geometrice și mobilier UI.

Sursa: J4lambert, CC BY-SA 4.0, prin Wikimedia Commons

Holo Blue (alias # 33B5E5) a fost culoarea de accent principală a Ice Cream Sandwich și lansarea ulterioară a Jelly Bean, făcând Android 4 să pară ascuțit și futurist, deși distinct mai puțin Tron-influențat decât fusese Fagurele. Paleta de culori mai întunecate de la Android 2.3 și 3.0 a rămas, totuși, și părea o potrivire bună pentru Galaxy Nexus, în special cu afișajul său AMOLED expansiv, cu contrast ridicat.

Cu toate acestea, majoritatea producătorilor majori de Android ar continua să facă propriile lor lucruri. Asemenea Samsung, HTC și LG au tencuit din nou Android cu propriile straturi de interfață personalizate, de multe ori răsfrângând Holo într-un efort de a diferenția produsele lor. Drept urmare, un telefon Samsung care rulează Gingerbread arăta cam la fel ca un telefon Samsung care rulează Ice Cream Sandwich. De exemplu, pe Galaxy S3, primul telefon Samsung major lansat după Galaxy Nexus co-branded, ar trebui să arăți într-adevăr greu de văzut vreo lucrare de la Duarte și echipa sa.

Early Holo era totuși un limbaj de proiectare destul de avizat, care nu putea fi ușor căsătorit cu propriile preferințe de design ale unei companii. În contrast puternic cu unul dintre principiile de bază ale Te materializează, albastrul distinctiv Holo a fost conectat la tema Holo, fără nicio modalitate de a-l schimba pe dispozitivele Android stoc.

Android 4.4 KitKat a îmblânzit oarecum Holo, înlocuind accentele albastre cu albe mai strălucitoare, asigurând o potrivire mai bună alături de aplicații, imagini de fundal și icoane folosind o paletă de culori mai diversă. Și acest lucru ar urma în cele din urmă în al doilea mare proiectare mare Android care a avut loc la sfârșitul anului 2014.

Sursa: Android Central

La conferința pentru dezvoltatori Google I / O 2014 din San Francisco, Matias Duarte, în noul său rol de vicepreședinte al designului pentru întreg Google, a dezvăluit noul Proiectarea materialelor limba.

Designul materialelor a fost „o viziune consecventă, pentru mobil, desktop și nu numai”, a spus Duarte. La fel cum Holo ajunsese la timp pentru afișajele mobile cu rezoluție mai mare de la începutul anilor 2010, Material Designul a valorificat puterea grafică îmbunătățită a hardware-ului mobil disponibil la mijlocul acestuia deceniu. Dar nu a fost doar pentru telefoane - Designul materialelor ar fi difuzat pe tablete, ceasuri inteligente, Chromebookuri și web.

„Am vrut un design clar și simplu și pe care oamenii să îl înțeleagă intuitiv”, a explicat Duarte. „Deci ne-am imaginat: dacă pixelii nu au doar culoare, ci și adâncime? Ce se întâmplă dacă ar exista un material inteligent la fel de simplu ca hârtia, dar care ar putea transforma și schimba forma ca răspuns la atingere? "

Sursa: Phil Nickinson / Android Central

„Ce se întâmplă dacă ar exista un material inteligent care să fie la fel de simplu ca hârtia, dar care să poată transforma și schimba forma?”

„Hârtia digitală” se afla în centrul viziunii originale pentru Material Design: UI, care semăna cu o foaie de hârtie, cu umbre subtile pentru a transmite adâncimea, putând totodată să se extindă, să redimensioneze, să combine și să tranziționeze ca Necesar. Fiecare suprafață dintr-o aplicație Android ar putea avea acum o valoare de înălțime, cu cadrul Android care redă în mod adecvat iluminarea și umbrele sub această hârtie digitală.

Material Design a fost prezentat ca simplu, geometric și stratificat, cu o paletă de culori îndrăzneață și animații încântătoare. Simplu înflorește ca un buton de redare care se împarte într-o pictogramă de pauză atunci când este atins sau pictogramele de contact se extind în vizualizați pe măsură ce se încarcă, setați o aplicație Material în afară de limbajul de proiectare Holo anterior și rămân o parte din Android azi.

Mulineta originală Material sizzle a prezentat acest lucru, împreună cu nuanțe extrem de vibrante și aplicații cu straturi mari, cu animații slick care nu au fost niciodată in totalitate realizat când limbajul de proiectare a intrat pe Android 5.0 Lollipop. Implementarea reală a Materialului a ajuns să fie mai conservatoare, pe măsură ce inginerii Google s-au grăbit să obțină o gamă largă de aplicații Android pentru companie. Android a fost o navă mare de condus, iar „Materializarea” sistemului de operare și a aplicațiilor sale a ajuns să fie un proces de mai mulți ani.

Cu toate acestea, Material Design în Android Lollipop a introdus mai multe elemente cheie de design care au persistat mai mult de o jumătate de deceniu: Butonul de acțiune flotant a constituit funcțiile cheie de acces la locație, cum ar fi pornirea unui mesaj nou într-o aplicație de mesaje text sau adăugarea unui element într-un listă. Și meniurile „hamburger” care au fost glisate au apărut ca o modalitate preferată de a naviga între principalele zone ale aplicațiilor. Și apăsarea butonului și debordarea înfloresc, care a debutat cu Material Design în Android 5 blocat până la capăt până la Android 11.

Și cu Google care controlează mai mult ecosistemul Android - iar noul limbaj de proiectare este mai deschis la personalizare - Material Design a fost mai ușor încorporat în skin-urile Android ale producătorilor în comparație cu Salut.

Proiectarea materialelor a fost întotdeauna menită să se miște odată cu vremurile.

Designul materialelor nu a fost niciodată menit să fie un set static de linii directoare, însă a continuat să evolueze în versiunile ulterioare de Android. Lansarea Android 6 Marshmallow din 2015 s-a îndepărtat de culorile saturate pe care le-am văzut în prezentarea inițială a Materialului. Meniul de aplicații recente în stil Rolodex a fost în cele din urmă dezafectat în Android 9. Iar meniurile de navigare „Hamburger” s-au confruntat cu navigarea gestuală a Android 10 și au fost acum retrase din multe aplicații.

Sursa: Alex Dobie / Android Central

În 2016, Google a lansat primele sale telefoane Pixel, ducând la o evoluție ulterioară în designul materialelor și la o divergență față de viziunea originală din 2014. Pe măsură ce Pixels ulterior au sosit, Google, producătorul de hardware, a căutat să diferențieze în continuare software-ul telefonului. Aplicațiile Google au devenit mai puțin colorate și au împins în schimb o schemă de culori curată, albă și albastră. Până în 2020, majoritatea aplicațiilor Google de bază, cum ar fi Fotografii, Gmail, Știri și Hărți, adoptaseră această estetică „Tema materialului”, împreună cu butoanele de navigare de jos ca iPhone.

Aplicațiile Google din 2020 s-au îndepărtat de prototipul colorat Material prezentat în 2014. Din fericire, însă, a fost planificată o renovare a materialului mai vibrantă pentru Android 12 în 2021.

Sursa: Google

La șapte ani de la debutul Material Design, conferința Google I / O a fost din nou locul de desfășurare pentru un anunț major de design Android. Și Matias Duarte s-a întors pe scena din Mountain View, de această dată pentru a prezenta următoarea iterație a limbajului de proiectare Google în Android 12 Te materializează.

„În loc de funcția de urmărire a formei, ce se întâmplă dacă forma a urmat sentimentul? În loc de Google Blue, ne-am imaginat Material You - un nou design care te include ca co-creator, permițându-ți să transformi aspectul tuturor aplicațiilor tale. "

Sursa: Google

„În loc de Google Blue, ne-am imaginat Material You”.

Magia din spate Te materializează a fost un proiect cunoscut intern la Google ca „Monet”. Monet ar putea examina ecranul de pornire ales fundal, alege culorile cheie din paleta Material și folosește-le pentru a personaliza toate aplicațiile de pe telefon. Pentru fundaluri ar fi folosite nuanțe mai dezactivate, în timp ce culorile vibrante și atrăgătoare ar putea fi aplicate butoanelor sau comutatoarelor importante.

Spre deosebire de „Hârtia digitală” a Material Design 1.0, Materialul dvs. apare mai plat și mai abstract. Straturile UI sunt încă acolo, după cum reiese din nivelurile suprapuse de butoane de setări rapide, panouri de notificare și margini atunci când trageți în jos nuanța de notificare a Android 12.

Sursa: Google

Dar umbrele și marginile ascuțite ale hârtiei Android Lollipop au dispărut, înlocuite cu colțuri rotunjite cu raze largi. Chiar și widgeturile de pe ecranul de start au fost revizuite cu colțuri rotunjite. Material De asemenea, acționați ca un antidot pentru aplicațiile Google, adesea plictisitoare, cu care utilizatorii se obișnuiseră în Android 10 și 11. Android 12, susține Google, vă poate ajuta să alegeți o paletă personalizată despre care știe că va arăta bine în aplicații, meniuri și chiar widget-uri de pe ecranul de pornire. Este o abordare de proiectare mai personală, mai expresivă pentru ceea ce este, la urma urmei, cel mai personal computer pe care îl dețin majoritatea oamenilor.

Și, în timp ce vechiul tipar fidel Roboto este încă folosit pe alocuri, Material You subliniază Google Sans, fontul oficial al companiei, care conține mai multă personalitate. Google Sans este folosit peste tot, de la subtitrări de pictograme la meniuri în aplicația Setări și este extins pe Ecranul de blocare al Android 12 pentru a umple afișajul cu un ceas colorat atunci când nu există nicio așteptare notificări.

Sursa: Nick Sutrich / Android Central

O nouă direcție îndrăzneață pentru designul Android, dar producătorii vor sări la bord?

Înfloririle animate din Material You sunt, de asemenea, o evoluție naturală a proiectării timpurii a materialelor. Ceasul afișajului ambiental prinde viață când telefonul este preluat, devenind mai îndrăzneț și colorat. Și în funcție de modul în care blocați sau deblocați telefonul, veți vedea o aură animată care însoțește acțiunea.

Material Debutează pe Android 12 pe telefoanele Google Pixel la sfârșitul anului 2021 și este probabil că alți producători îl vor încorpora în skin-urile lor Android, precum și actualizările. Cu toate acestea, la fel cum a fost cu Holo și Material Design, nu există nicio garanție că producătorii de telefoane vor urma exemplul Google. Utilizatorii Android 12 vor trebui, de asemenea, să aștepte ca dezvoltatorii să își actualizeze aplicațiile pentru a susține capacitățile de schimbare a paletelor Material You. Dacă trecerea la designul materialelor în 2014 este ceva de urmat, ar putea dura ceva timp.

Cu toate acestea, ceea ce am văzut despre Material You până acum oferă Android în general - și dispozitivelor Google Pixel în special - a identitate puternică de design, cu un limbaj de proiectare bine adaptat la telefoane, ceasuri, tablete și alte suprafețe inteligente ale Anii 2020.

Dacă istoricul este un indicator, ne vom verifica din nou undeva în jurul anului 2026 pentru a afla unde se îndreaptă proiectarea materialelor.