Uporabniški vmesnik Android skozi stoletja: od Droid Sans do Material You

Vir: Nick Sutrich / Android Central

Operacijski sistem Android obstaja že od leta 2008, v tem času pa je bil njegov uporabniški vmesnik večkrat prenovljen. Prvotni vmesnik Android 1.0, ki je debitiral na T-Mobile G1-prvem telefonu s sistemom Android-, je bil po sodobnih standardih barebones in precej grd. Šele Android 4.0, tri leta po življenjski dobi OS, je prišel do kakršnega koli vseobsegajočega oblikovalskega jezika za telefone Android.

Videz in občutek Androida se od takrat nenehno razvijata, pogosto z otroškimi koraki naprej, včasih pa z velikimi preskoki naprej, kot se je zgodilo z uvedbo materialnega oblikovanja leta 2014. Android 12 nam daje tretjo veliko, vseobsegajočo preoblikovanje platforme v obliki Material Ti - ambiciozno prizadevanje, da bi Android postal bolj oseben, pri čemer so posamezne barvne sheme iztrgane iz palete Material.

Ko vstopamo v četrto oblikovalsko dobo Androida - po zgodnjih dneh, Holo in Material Design - je čas, da ponovno pogledamo zadnjih 13 let v uporabniškem vmesniku Android in se spomnimo, kako smo prišli sem.

Vir: Android Central

Vir: Android Central

V prvih dveh letih svojega obstoja Android ni imel močne oblikovalske smeri. Od Android 1.0 do 2.2 Froyo je bil videz in občutek operacijskega sistema najbolje opisati kot splošen, funkcionalen in nežen. Zdi se, da je navdihnil stare pametne telefone tistega časa, zgodnji videz Androida pa so sestavljale debele ikone, nagnjeni meniji in veliko sive barve.

Videz in občutek delniškega Androida preprosto nista bila tako pomembna.

Ta brezhibna estetika je imela smisel za majhne zaslone pametnih telefonov z nizko ločljivostjo v poznih 2000-ih. Medtem ko je Google takrat (nekako) pošiljal telefone, v obliki T-Mobile G1 in na koncu Nexus One, je večina potrošniki bi doživeli Android skozi objektiv vsestranske proizvajalčeve kože, kot sta HTC Sense ali Samsung TouchWiz. Videz in občutek zaloga Android preprosto ni bil tako pomemben, ko je najboljši telefoni Android ne uporabljate ničesar podobnega.

Kljub temu, ko pogledamo nazaj v programsko opremo T-Mobile G1, so prisotni številni ključni, prepoznavni elementi oblikovanja Android danes. Domači zasloni na več straneh s podporo za pripomočke, predal za aplikacije in spustni meni z obvestili so vsi tam, tudi če so zaviti v uporabniški vmesnik, ki je bolj podoben operacijskemu sistemu namiznega računalnika 90 -ih kot Android danes.

Googlova predstavitev pametnega telefona Nexus One je sovpadla z manjšimi prilagoditvami oblikovanja Android 2.1 Eclair, ki vključuje hitre bližnjice do aplikacije Telefon in brskalnika poleg ikone predala za aplikacije. Prvi telefon Nexus je dobil tudi domišljijsko 3D-animirano mrežo aplikacij. Toda v bistvu je bil to do konca leta 2010 delni Android: precej dolgočasen, hladen in uporaben.

Vir: Android Central

Prihod nekdanjega oblikovalca Palma Matiasa Duarteja v Google-najprej kot direktor oblikovanja za Android, nato za celotno podjetje-je v naslednjem desetletju postavil smer za uporabniški vmesnik Android.

Duarte je bil najet tik preden je Google nameraval dostaviti Android 2.3 Gingerbread in telefon Nexus S, zato je bil njegov vpliv na Gingerbread omejen. Kljub temu je bil Android 2.3 najpomembnejša prenova oblikovanja, ki jo je Android doslej videl, s temnejšimi barvami v prid vse večji priljubljenosti zaslonov OLED. The Android zelen Hue je bil uporabljen kot naglasna barva za označevanje ikon, pritiski na meni pa so bili označeni z oranžnimi utripi. Sicer je bilo to nadaljevanje starega Androida.

Prihod prve različice Androida, značilne za tablični računalnik, je spremenil vse, pri čemer je Duartejev vpliv jasno viden v izdaji Android 3.0 Honeycomb v začetku leta 2011. Honeycomb je poganjal prve tekmece iPad-a in imel drzen vmesnik v znanstvenofantastičnem slogu z modro in temno vijolično barvno paleto.

Ta različica nam je predstavila zaslonske tipke, navigacijsko paradigmo, ki pri nekaterih telefonih ostaja pri Androidu do danes. Če ne uporabljate starega menija in gumbov za iskanje iz medenjakov in prejšnjih izdaj, bi lahko med napravami Honeycomb krmarili s tremi virtualnimi navigacijskimi tipkami: domov, nazaj in nedavnimi aplikacijami. S pritiskom na slednjega se je sprožil na novo prenovljen preklopnik opravil Android, ki prikazuje majhen predogled izvajanih aplikacij na seznamu za pomikanje.

Honeycomb, ki je hitel na trg v poskusu boja proti iPadu, je deloval kot nekakšen prototip za kaj prišel kasneje leta 2011: Android 4.0 Ice Cream Sandwich in nov oblikovalski jezik "Holo" - okrajšava za holografski.

Vir: Alex Dobie / Android Central

'Kaj je duša Androida? '

Matias Duarte se je na odru na predstavitvi v Hongkongu predstavil Google in Samsungov novi Galaxy Nexus, prvi telefon s sistemom Android 4.0, ki je govoril o holou.

Duarte je udeležencem povedal, da je Google, ko si je prizadeval postaviti temelje za naslednjih pol desetletja Androida, svoje uporabnike vprašal, kaj jim pomeni Android. Ugotovilo je, da leta 2011, "čeprav ljudje, kot je Android, ljudje potrebujejo Android, ljudje ne ljubezen Android. "

In tako se je Google prvič vprašal: "kaj je duša Androida? "

"Android je očarljiv. Nekaj ​​lepega, zapeljivega, v kar se lahko resnično zaljubiš. Android je enostaven. Poenostavlja vsak del mojega življenja. In Android bi se moral počutiti močnega in pametnega, "je obiskovalcem povedal Duarte. Novi uporabniški vmesnik Android s temo Holo naj bi ponazoril te vrednosti.

Holo je gradil na tem, kar se je začelo v izdaji Honeycomb, in dodal novo pisavo Roboto, pisavo, ki ostaja privzeta na večini naprav Android danes. Za razliko od Droid Sans, ki ga je zamenjal, je bil Roboto izdelan za zaslone visoke gostote, ki so takrat začeli postajati običajni, kar je dalo sodobnejši videz in prijetno bralno izkušnjo. Drugod so iz Androida izrezani poševni robovi, reliefni gumbi in meniji, nadomeščeni s preprostejšimi, bolj geometrijskimi ikonami in pohištvom uporabniškega vmesnika.

Vir: J4lambert, CC BY-SA 4.0, prek Wikimedia Commons

Holo modra (aka) #33B5E5) je bila primarna naglasna barva sladolednega sendviča in kasnejše izdaje Jelly Bean, zaradi česar se je Android 4 zdel oster in futurističen, čeprav izrazito manj Tron-vpliv, kot je bil Honeycomb. Temnejša barvna paleta Android 2.3 in 3.0 pa je ostala in se je zdela primerna za Galaxy Nexus, zlasti z obsežnim, kontrastno težkim zaslonom AMOLED.

Večina večjih proizvajalcev Android pa bi še naprej delala svoje. Podobni Samsung, HTC in LG so znova ometali Android s svojimi vmesniškimi plastmi po meri, ki so se pogosto lotevali Hola, da bi razlikovali svoje izdelke. Posledično je bil telefon Samsung, ki uporablja Gingerbread, precej podoben telefonu Samsung s sladolednim sendvičem. Na primer, na Galaxy S3, prvi večji Samsungovi slušalki, ki se je predstavila po skupni znamki Galaxy Nexus, bi morali pogledati res težko je videti delo Duarteja in njegove ekipe.

Zgodnji Holo je bil precej prepričljiv oblikovalski jezik, ki pa ga ni bilo mogoče zlahka poročiti z lastnimi oblikovalskimi preferencami podjetja. V močnem nasprotju z enim od temeljnih načel Material Ti, značilna Holo modra je bila trdno povezana v temo Holo, brez možnosti, da bi jo spremenili v založniških napravah Android.

Android 4.4 KitKat je Holo nekoliko ukrotil in modre poudarke zamenjal s svetlejšimi belimi, kar je omogočilo boljše prileganje aplikacijam, ozadjem in ikonam z uporabo bolj raznolike barvne palete. In to bi sčasoma prešlo v drugo velika velika prenova Androida ki se je zgodil konec leta 2014.

Vir: Android Central

Na konferenci za razvijalce Google I/O 2014 v San Franciscu je Matias Duarte v svoji novi vlogi podpredsednika oblikovanja za ves Google predstavil novo Oblikovanje materialov jezik.

Materialni dizajn je bil "ena dosledna vizija za mobilne, namizne in zunaj njega", je dejal Duarte. Tako kot je Holo prišel ravno pravočasno za mobilne zaslone z višjo ločljivostjo v začetku leta 2010, Material Oblikovanje je izboljšalo grafično moč mobilne strojne opreme, ki je na voljo sredi tega desetletje. Vendar to ni veljalo samo za telefone - Material Design bi živel v tabličnih računalnikih, pametnih urah, Chromebookih in spletu.

"Želeli smo jasno in preprosto zasnovo, ki bi jo ljudje intuitivno razumeli," je pojasnil Duarte. "Tako smo si zamislili: kaj pa, če slikovne pike nimajo samo barve, ampak tudi globino? Kaj pa, če bi obstajal inteligenten material, ki je tako preprost kot papir, vendar bi se lahko spremenil in spremenil obliko kot odziv na dotik? "

Vir: Phil Nickinson / Android Central

"Kaj pa, če bi obstajal inteligenten material, ki je preprost kot papir, a bi se lahko spremenil in spremenil obliko?"

"Digitalni papir" je bil v središču prvotne vizije materialnega oblikovanja: uporabniški vmesnik, ki je spominjal na list papir, s subtilnimi sencami za prenos globine, hkrati pa ga je mogoče razširiti, spremeniti velikost, združiti in preiti kot potrebno. Vsaka površina v aplikaciji za Android bi lahko zdaj imela vrednost nadmorske višine, pri čemer je okvir Android ustrezno upodabljal osvetlitev in sence pod tem digitalnim papirjem.

Material Design je bil predstavljen kot preprost, geometrijski in večplastni, z drzno barvno paleto in čudovitimi animacijami. Enostavno cveti kot gumb za predvajanje, ki se ob dotiku razcepi v ikono premora ali se ikone stikov razširijo med nalaganjem nastavite aplikacijo Material ločeno od prejšnjega oblikovalskega jezika Holo in ostanite del Androida danes.

Izvirni kolut Material sizzle je to pokazal skupaj z zelo živahnimi odtenki in aplikacijami z veliko plastjo z gladkimi animacijami, ki še nikoli niso bile v celoti se je uresničilo, ko je v Android 5.0 Lollipop zaživel oblikovalski jezik. Izvajanje materiala v resničnem svetu je bilo na koncu bolj konzervativno, saj so se Googlovi inženirji trudili, da bi podjetje naložilo ogromno aplikacij za Android, pripravljenih za material. Android je bil velika ladja za upravljanje, "materializacija" operacijskega sistema in njegovih aplikacij pa je postala večletni proces.

Kljub temu je materialno oblikovanje v Android Lollipopu uvedlo več ključnih oblikovalskih elementov, ki so trajali več kot pol desetletja: Plavajoči gumb dejanja je bil ključna funkcija lokacije, na primer odpiranje novega sporočila v aplikaciji za pošiljanje sporočil ali dodajanje elementa v seznam. Drsni meniji "hamburger" so se pojavili kot najljubši način za krmarjenje med glavnimi področji aplikacij. Pritisk in prelivanje gumbov se razcveti, ki je debitiral z Material Design v Androidu 5, vse do Androida 11.

In ker ima Google večji nadzor nad ekosistemom Android - in novi oblikovalski jezik je bolj odprt prilagajanju - Material Design je bil lažje vključen v proizvajalčeve kože Android v primerjavi z Holo.

Materialno oblikovanje je bilo vedno namenjeno temu, da gre v korak s časom.

Material Design pa nikoli ni bil mišljen kot statičen nabor smernic in se je v naslednjih različicah Android še naprej razvijal. Izid Android 6 Marshmallow leta 2015 se je odmaknil od nasičenih barv, ki smo jih videli v začetni predstavitvi materiala. Meni Nedavne aplikacije v slogu Rolodex je bil sčasoma razgrajen v sistemu Android 9. Navigacijski meniji "Hamburger" so bili v nasprotju z navigacijo s kretnjami Android 10 in so zdaj umaknjeni iz številnih aplikacij.

Vir: Alex Dobie / Android Central

Leta 2016 je Google predstavil svoje prve telefone Pixel, kar je privedlo do nadaljnjega razvoja materialnega oblikovanja in odstopanja od prvotne vizije leta 2014. Ko so prišli naslednji Pixels, je Googlov proizvajalec strojne opreme želel dodatno razlikovati programsko opremo telefona. Googlove aplikacije so postale manj pisane in so namesto tega potisnile čisto belo in modro barvno shemo. Do leta 2020 je večina osnovnih Googlovih aplikacij, kot so Fotografije, Gmail, Novice in Zemljevidi, skupaj s spodnjimi navigacijskimi gumbi, podobnimi iPhoneu, sprejela to estetiko "Materialna tema".

Googlove aplikacije leta 2020 so bile daleč od pisanega prototipa Material, prikazanega leta 2014. Na srečo pa je bila leta 2021 za Android 12 načrtovana bolj živahna preobrazba materiala.

Vir: Google

Sedem let po predstavitvi Material Design je bila Googlova I/O konferenca znova prizorišče velike napovedi o oblikovanju Androida. In Matias Duarte se je tokrat vrnil na oder v Mountain Viewu, da bi predstavil naslednjo ponovitev Googlovega oblikovalskega jezika v Android 12 Material Ti.

"Namesto da bi oblika sledila funkciji, kaj pa če bi oblika sledila občutku? Namesto Googlove modre barve smo si zamislili Material You-nov dizajn, ki vas vključuje kot soustvarjalca in vam omogoča, da spremenite videz vseh svojih aplikacij. "

Vir: Google

"Namesto Googlove modre smo si zamislili Material You."

Čarovnija zadaj Material Ti je bil v Googlu interno znan projekt kot "Monet". Monet bi lahko pregledal vaš izbrani začetni zaslon ozadje, izberite ključne barve iz palete Material in jih uporabite za prilagajanje vseh aplikacij v napravi telefon. Za ozadja bi uporabili bolj utišane odtenke, na pomembne gumbe ali stikala pa bi lahko uporabili živahne, privlačne barve.

V nasprotju z digitalnim papirjem Material Design 1.0 se Material Material zdi bolj ploskan in bolj abstrakten. Plasti uporabniškega vmesnika so še vedno obstaja, kar dokazujejo prekrivajoče se ravni gumbov za hitre nastavitve, plošče z obvestili in obrobe pri spuščanju senčila za obvestila Android 12.

Vir: Google

Toda sence in ostri robovi Android Lollipopa, podobni papirju, so izginili, nadomestili so jih zaobljeni vogali s širokimi polmeri. Celo pripomočke za domači zaslon so prenovili z zaobljenimi vogali. Material Delujete tudi kot protistrup za pogosto dolgočasne Googlove aplikacije, ki so jih bili uporabniki navajeni v Androidih 10 in 11. Android 12, trdi Google, vam lahko pomaga pri izbiri prilagojene palete, za katero ve, da bo videti dobro v aplikacijah, menijih in celo pripomočkih na domačem zaslonu. To je bolj oseben, bolj izrazit pristop oblikovanja za tisti, ki je navsezadnje najbolj osebni računalnik, ki ga ima večina ljudi.

Medtem ko se stara zvesta pisava Roboto še vedno ponekod uporablja, Material You poudarja Google Sans, uradno pisavo podjetja, ki vsebuje več osebnosti. Google Sans se uporablja povsod, od napisov ikon do menijev v aplikaciji Nastavitve in je razširjen Zaklenjeni zaslon sistema Android 12 za polnjenje zaslona z barvno uro, ko ni čakajočih obvestila.

Vir: Nick Sutrich / Android Central

Pogumna nova smer pri oblikovanju Androida, a bodo proizvajalci skočili?

Animirani razcvet v materialu Vi ste tudi naravna evolucija zgodnjega materialnega oblikovanja. Ura Ambient Display oživi, ​​ko dvignete telefon, postane drznejša in obarvana. Odvisno od tega, kako zaklenete ali odklenete telefon, boste k dejanju spremljali animirano avro.

Material, ki ste ga debitirali v sistemu Android 12 na telefonih Google Pixel konec leta 2021 in verjetno ga bodo nekateri drugi proizvajalci vključili v svoje preobleke za Android, prav tako pa bodo uvedene tudi posodobitve. Vendar, tako kot pri Holo in Material Design, ni nobenega jamstva, da bodo proizvajalci telefonov sledili Googlu. Uporabniki Androida 12 bodo morali počakati, da razvijalci posodobijo svoje aplikacije, da bodo podpirali možnosti zamenjave palet Material You. Če bo pri prehodu na materialno oblikovanje leta 2014 karkoli potrebno, bi to lahko trajalo nekaj časa.

Kljub temu, kar smo doslej videli o materialu You, daje Androidu na splošno - in še posebej napravam Google Pixel - a močna oblikovalska identiteta z oblikovalskim jezikom, ki je dobro prilagojen telefonom, uram, tabličnim računalnikom in drugim pametnim površinam 2020.

Če je zgodovina kakšen pokazatelj, se bomo ponovno preverili nekje okoli leta 2026, da bomo izvedeli, kam sledi smer Material Design.