Android felhasználói felület az idők során: a Droid Sans -tól az Material You -ig

Forrás: Nick Sutrich / Android Central

Az Android operációs rendszer 2008 óta létezik, és ez idő alatt a felhasználói felületét többször is feltalálták. Az eredeti Android 1.0 interfész, amely a T-Mobile G1-en-a legelső Android-telefonon-debütált, csupasz volt és modern szabványok szerint elég csúnya. Csak az Android 4.0 -ban, három évvel az operációs rendszer élettartama alatt volt mindenféle átfogó tervezési nyelv az Android telefonok számára.

Az Android kinézete azóta is folyamatosan fejlődik, gyakran baba lépésekkel előre, de néha óriási ugrásokkal előre, ahogy az Material Design bevezetésével történt 2014 -ben. Android 12 formájában a platform harmadik nagy, mindent átfogó újratervezését adja számunkra Anyag Te - ambiciózus erőfeszítés az Android személyesebbé tételére, az Anyag palettáról leválasztott egyedi színsémákkal.

Ahogy belépünk az Android negyedik tervezési korszakába - a korai idők, a Holo és az Anyagtervezés nyomán -, itt az ideje, hogy újra áttekintsük az elmúlt 13 évet az Android felhasználói felületén, és emlékezzünk arra, hogyan jutottunk ide.

Forrás: Android Central

Forrás: Android Central

Fennállásának első két évében az Android hiányzott bármilyen erős tervezési irányból. Az Android 1.0 és a 2.2 Froyo között az operációs rendszer megjelenését és hangulatát leginkább általánosnak, funkcionálisnak és unalmasnak nevezték. Úgy tűnik, hogy az akkori régi stílusú okostelefonok ihletője volt, a korai Android-megjelenés vaskos ikonokból, színátmenetes menükből és sok szürke színből állt.

Az Android készlet kinézete és érzése annyira nem számított.

Ez az egyszerű esztétika értelmes volt a 2000-es évek végi, kis felbontású okostelefon-képernyők számára. Míg a Google akkoriban (mintegy) telefonokat szállított, a T-Mobile G1 és végül a Nexus One formájában, a legtöbb a fogyasztók az Androidot egy mindent elsöprő gyártó, például a HTC Sense vagy a Samsung lencséjén keresztül tapasztalhatnák meg TouchWiz. A kinézete és érzése Készlet Az Android nem számított annyira, amikor legjobb Android telefonok nem használ semmit a közelébe.

Ennek ellenére, ha visszatekintünk a T-Mobile G1 szoftverére, a mai kor legfontosabb, felismerhető Android-tervezési elemei közül sokan jelen vannak. Többoldalas kezdőképernyők widget támogatással, az alkalmazásfiók és az értesítések legördülő menüje még akkor is, ha azok olyan felhasználói felületbe vannak csomagolva, amely jobban hasonlít a 90 -es évek asztali számítógépének operációs rendszeréhez, mint az Android Ma.

A Google Nexus One okostelefonjának bevezetése egybeesett az Android 2.1 Eclair néhány apró tervezési módosításával, amelyek az alkalmazásfiók ikon mellett gyorsbillentyűket tartalmaznak a Telefon alkalmazáshoz és a Böngészőhöz. Az első Nexus telefon egy divatos 3D-s animációs alkalmazásrácsot is kapott. De alapvetően ez az Android volt egészen 2010 végéig: meglehetősen unalmas, hideg és haszonelvű.

Forrás: Android Central

Matias Duarte volt Palm tervező megjelenése a Google-nál-először az Android, majd az egész vállalat tervezési igazgatójaként-az Android felhasználói felületét mutatta be a következő évtizedben.

Duarte -t ​​közvetlenül azelőtt bérelték fel, hogy a Google az Android 2.3 -as mézeskalácsot és a Nexus S telefont szállította volna, így befolyása a Mézeskalácsra korlátozott volt. Ennek ellenére az Android 2.3 volt a legjelentősebb formatervezési átalakítás, amelyet az Android eddig látott, sötétebb színekkel, és rábólintott az OLED képernyők növekvő népszerűségére. Az Android zöld A színárnyalatot ékezetes színként használták az ikonok kiemelésére, és a menü megnyomását narancssárga villanások tarkították. Egyébként ez a régi kinézetű Android folytatása volt.

Az Android első táblagép-specifikus verziójának megérkezése mindent megváltoztatott, Duarte hatása egyértelműen látszott a 2011 eleji Android 3.0 Honeycomb kiadásban. A Honeycomb korai iPad vetélytársai, és merész sci-fi stílusú felületet kapott, kék és mély lila színpalettával.

Ez a verzió ismertette meg velünk a képernyőn megjelenő billentyűket, azt a navigációs paradigmát, amely egyes telefonokon a mai napig megmarad. A Mézeskalács és a korábbi kiadások régi menüjének és keresési gombjainak megszüntetése érdekében a Honeycomb eszközök három virtuális navigációs gombbal navigálhatók: otthon, vissza és a legújabb alkalmazások. Az utóbbi megnyomása elindította az Android újonnan megújult feladatváltóját, amely egy kis előzetest mutat a futó alkalmazásokról egy görgethető listában.

A Honeycomb, amely az iPad elleni küzdelem érdekében rohant a piacra, egyfajta prototípusként működött később, 2011 -ben érkezett: Android 4.0 Ice Cream Sandwich és az új "Holo" tervezési nyelv - röviden holografikus.

Forrás: Alex Dobie / Android Central

'Mi a lélek az Android? '

Matias Duarte a színpadon jelent meg a Google és a Samsung új Galaxy Nexus, az első Android 4.0 -t futtató telefon holo -kong -i bemutató eseményén, amely Holo -t beszél.

Duarte elmondta a résztvevőknek, hogy miközben a Google igyekezett lerakni az Android következő fél évtizedének alapjait, megkérdezte felhasználóit, mit jelent számukra az Android. Kiderült, hogy 2011 -ben "míg az emberek szeretik az Androidot, az embereknek szükségük van az Androidra, az embereknek nem szeretet Android. "

Így a Google először megkérdezte magától: "mi az lélek az Androidról? "

"Az Android varázslatos. Valami szépet, csábítót, valamit, amibe igazán beleszerethet. Az Android egyszerű. Leegyszerűsíti életem minden részét. Az Androidnak pedig erőteljesnek és okosnak kell éreznem magam " - mondta Duarte a résztvevőknek. Az új Android -kezelőfelület, a Holo témájával, ezen értékek példáját szolgálta.

A Holo a Honeycomb kiadásban elkezdettre épített, és hozzáadta az új Roboto betűtípust, amely betűtípus továbbra is a legtöbb Android -eszköz alapértelmezettje. Az általa lecserélt Droid Sans-szal ellentétben a Roboto-t az akkoriban általánossá válni kezdő nagy sűrűségű kijelzőkhöz készítették, modernebb megjelenést és kellemes olvasási élményt nyújtva. Máshol a ferde széleket és a dombornyomott gombokat és menüket az Androidból vágták ki, helyükre egyszerűbb, geometrikusabb ikonokat és felhasználói felületet tartalmazó bútorokat helyeztek.

Forrás: J4lambert, CC BY-SA 4.0, a Wikimedia Commonson keresztül

Holo Blue (más néven: #33B5E5) volt a Ice Cream Sandwich és a későbbi Jelly Bean kiadás elsődleges ékezetes színe, így az Android 4 élesnek és futurisztikusnak tűnt, bár kifejezetten kevésbé Tron-befolyásolta, mint a Méhsejt. Az Android 2.3 és 3.0 verziójú sötétebb színpaletta azonban megmaradt, és jól illeszkedett a Galaxy Nexushoz, különösen a kiterjedt, kontrasztos AMOLED kijelzővel.

A legtöbb nagy Android -gyártó azonban továbbra is a saját dolgát teszi. A Samsung, a HTC és az LG ismét az Androidot saját egyedi kezelőfelülettel rétegezte be, gyakran a Holo felett, hogy megkülönböztessék termékeiket. Ennek eredményeképpen egy mézeskalácsot futtató Samsung telefon nagyjából ugyanúgy nézett ki, mint egy fagylalt szendvicset futtató Samsung telefon. Például a Galaxy S3-on, az első nagy Samsung készüléken, amelyet a társmárkás Galaxy Nexus után dobtak piacra, meg kell néznie igazán nehéz látni Duarte és csapata munkáit.

A korai Holo azonban meglehetősen véleményes tervezési nyelv volt, amelyet nem lehetett könnyen összekapcsolni a vállalat saját tervezési preferenciáival. Éles ellentétben áll az egyik alaptételével Anyag Te, a megkülönböztető Holo blue-t keményen bekötötték a Holo-témába, és nincs mód megváltoztatni azt a raktáron lévő Android-eszközökön.

Az Android 4.4 KitKat kissé megszelídítette a Holo -t, a kék ékezeteket világosabb fehérekre cserélve, hogy jobban illeszkedjenek az alkalmazások, háttérképek és ikonok mellé, változatosabb színpalettával. És ez végül a másodikba fog bekövetkezni nagyszerű Android újratervezés ami 2014 végén történt.

Forrás: Android Central

A Google I/O 2014 fejlesztői konferenciáján San Franciscóban Matias Duarte, az új Google tervezési alelnöke új szerepében bemutatta az új Anyagtervezés nyelv.

Duarte szerint az anyagtervezés „egy következetes elképzelés volt mobilon, asztali számítógépen és azon kívül”. Ahogy a Holo éppen a 2010-es évek elejének nagyobb felbontású mobil kijelzőire érkezett, a Material A Design kihasználta a mobil hardver javított grafikus lóerejét, amely ennek közepén állt rendelkezésre évtized. De ez nem csak a telefonokra vonatkozott - az Material Design táblagépeken, okosórákon, Chromebookokon és az interneten is élne.

"Világos és egyszerű dizájnt akartunk, amelyet az emberek intuitív módon megértenek" - magyarázta Duarte. "Tehát elképzeltük: mi lenne, ha a képpontoknak nemcsak színe lenne, hanem mélysége is? Mi lenne, ha létezne egy intelligens anyag, amely olyan egyszerű, mint a papír, de képes megváltoztatni és megváltoztatni az alakját az érintésre? "

Forrás: Phil Nickinson / Android Central

- Mi lenne, ha lenne olyan intelligens anyag, amely olyan egyszerű, mint a papír, de képes átalakítani és megváltoztatni az alakját?

A "Digitális papír" volt az anyagtervezés eredeti elképzelésének középpontjában: UI, amely egy lapra hasonlított papír, finom árnyékokkal a mélység átadására, ugyanakkor bővíthető, átméretezhető, kombinálható és átállítható szükséges. Az Android -alkalmazások minden felülete magassági értékkel rendelkezhet, és az Android -keret megfelelően megvilágítja és árnyékolja a digitális papírt.

Az anyagtervezést egyszerű, geometriai és rétegzett formában mutatták be, merész színpalettával és kellemes animációkkal. Az egyszerű virágzik, mint a lejátszás gomb, amely megszakításkor szünet ikonra szakad, vagy a kapcsolat ikonjai kibővülnek a betöltés során a Material alkalmazás elkülönül a korábbi Holo tervezési nyelvtől, és továbbra is az Android része marad Ma.

Az eredeti Material Sizzle orsó ezt mutatta be, rendkívül élénk színárnyalatokkal és rétegvastagságú alkalmazásokkal, sima animációkkal, amelyek soha nem voltak teljesen akkor jött rá, amikor a tervezési nyelv elindult az Android 5.0 Lollipop rendszerben. A Material valós megvalósítása végül konzervatívabb volt, mivel a Google mérnökei arra törekedtek, hogy a vállalat hatalmas mennyiségű Android-alkalmazását anyagra készen kapják. Az Android nagy hajó volt a kormányzáshoz, és az operációs rendszer és az alkalmazások "materializálása" végül többéves folyamat volt.

Ennek ellenére a Material Design in Android Lollipop számos kulcsfontosságú tervezési elemet vezetett be, amelyek több mint fél évtizede fennmaradtak: A lebegő műveleti gomb volt a helymeghatározás kulcsfontosságú funkciója, például új üzenet indítása egy sms-alkalmazásban vagy elem hozzáadása a lista. A kicsúsztatható "hamburger" menük pedig az alkalmazások főbb területei közötti navigálás kedvenc módjává váltak. És a gombnyomás és a túlcsordulás virágzik, amely az Android 5 -ben az Anyagtervezéssel debütált, egészen az Android 11 -ig.

A Google pedig nagyobb irányítást gyakorol az Android ökoszisztéma felett - és az új tervezési nyelv nyitottabb a testreszabáshoz - Az anyagtervezést könnyebben beépítették a gyártók Android -felületébe Holo.

Az anyagtervezésnek mindig az volt a célja, hogy haladjon a korral.

Az anyagtervezést azonban soha nem egy statikus iránymutatásnak szánták, és az Android későbbi verzióiban tovább fejlődött. Az Android 6 Marshmallow 2015 -ös kiadása elfordult azoktól a telített színektől, amelyeket az eredeti Anyagbemutatón láttunk. A Rolodex stílusú Legutóbbi alkalmazások menüt végül megszüntették az Android 9 rendszerben. És a "Hamburger" navigációs menük ütköztek az Android 10 gesztusokkal történő navigációjával, és mára számos alkalmazásból kivonták őket.

Forrás: Alex Dobie / Android Central

2016 -ban a Google bemutatta első Pixel telefonjait, ami az anyagtervezés további fejlődéséhez és az eredeti 2014 -es elképzeléstől való eltéréshez vezetett. A későbbi Pixelek megérkezésekor a Google, a hardvergyártó igyekezett tovább megkülönböztetni telefonszoftverét. A Google -alkalmazások kevésbé színesek lettek, és ehelyett tiszta fehér és kék színösszeállítást hajtottak végre. 2020-ra a legtöbb alapvető Google-alkalmazás, például a Fotók, a Gmail, a Hírek és a Térkép elfogadta ezt az „Anyagtéma” esztétikát, valamint az iPhone-hoz hasonló alsó navigációs gombokat.

A 2020 -as Google -alkalmazások messze álltak a 2014 -ben bemutatott színes Material prototípustól. Szerencsére azonban élénkebb anyag átalakítást terveztek az Android 12 -re 2021 -ben.

Forrás: Google

Hét évvel az Anyagtervezés debütálása óta a Google I/O konferencia ismét egy nagyszabású Android -bejelentés helyszínéül szolgált. Matias Duarte pedig visszatért a Mountain View színpadára, ezúttal, hogy bemutassa a Google tervezési nyelvének következő iterációját Android 12 Anyag Te.

"A formakövetési funkció helyett mi lenne, ha a forma követné az érzést? A Google kék helyett a Material You-t képzeltük el-egy új dizájnt, amely társalkotóként is magában foglalja, és lehetővé teszi az összes alkalmazás megjelenésének és hangulatának megváltoztatását. "

Forrás: Google

"A Google kék helyett a Material You -t képzeltük el."

A varázslat mögött Anyag Te projekt volt, amelyet a Google belsőleg "Monet" néven ismert. Monet megvizsgálhatja a választott kezdőképernyőt háttérben, válassza ki a legfontosabb színeket az Anyagpalettáról, és használja őket az összes alkalmazás testreszabásához telefon. A háttérhez tompább árnyalatokat használnának, míg az élénk, szemet gyönyörködtető színeket alkalmazhatnánk a fontos gombokra vagy kapcsolókra.

A Material Design 1.0 „Digital Paper” -jével ellentétben a Material You laposabbnak és elvontabbnak tűnik. A felhasználói felület rétegei vannak még mindig ott van, amint azt a gyorsbeállítási gombok, értesítési panelek és szegélyek egymást átfedő szintjei is bizonyítják, amikor lehúzzák az Android 12 értesítési árnyalatát.

Forrás: Google

De az Android Lollipop árnyékai és éles papírszerű szélei eltűntek, helyüket lekerekített, széles sugarú sarkok váltották fel. Még a kezdőképernyő modulokat is átalakították lekerekített sarkokkal. Anyag Ön ellenszereként szolgál azoknak a gyakran unalmas kinézetű Google-alkalmazásoknak, amelyeket a felhasználók megszoktak az Android 10 és 11 rendszerben. A Google azt állítja, hogy az Android 12 segíthet egy személyre szabott paletta kiválasztásában, amelyről jól tudja, hogy jól néz ki az alkalmazásokban, a menükben és még a kezdőképernyő -modulokban is. Ez egy személyesebb, kifejezőbb tervezési megközelítés arra, ami végül is a legtöbb személyi számítógép.

És bár a régi hűséges Roboto betűtípust még mindig használják helyenként, a Material You kiemeli a Google Sans -t, a vállalat hivatalos betűtípusát, amely személyiséget rejt magában. A Google Sans szolgáltatást mindenhol használják, az ikonfeliratoktól a menükig a Beállítások alkalmazásban, és fel van méretezve Az Android 12 zárolási képernyője színes órával tölti meg a kijelzőt, ha nincs függőben értesítések.

Forrás: Nick Sutrich / Android Central

Merész új irány az Android -tervezéshez, de vajon a gyártók ugrik -e?

Az animáció virágzik az anyagban Ön is a korai anyagtervezés természetes fejlődése. Az Ambient Display óra életre kel, amikor felveszi a telefont, merészebbé és színesebbé válik. Attól függően, hogy hogyan zárja vagy oldja fel a telefonját, animált aurát láthat a művelet kíséretében.

A Material You 2021 végén debütál az Android 12 rendszerben a Google Pixel telefonokon, és valószínűleg más gyártók is beépítik az Android -felületükbe, valamint a frissítések is megjelennek. Azonban ahogyan a Holo és a Material Design esetében is, a telefongyártók sem garantálják, hogy követni fogják a Google példáját. Az Android 12 felhasználóknak arra is várniuk kell, hogy a fejlesztők frissítsék alkalmazásaikat, hogy támogassák a Material You palettacserélési lehetőségeit. Ha az anyagtervezésre való áttérés 2014 -ben véget ér, az eltarthat egy ideig.

Mindazonáltal, amit eddig a Material You -ban láthattunk, általában az Androidnak - és különösen a Google Pixel eszközöknek - ad a erős formatervezési identitás, a tervezési nyelv jól illeszkedik a telefonokhoz, órákhoz, táblagépekhez és más okos felületekhez 2020 -as évek.

Ha a történelem bármilyen jelző, 2026 körül újra bejelentkezünk, hogy megtudjuk, merre tart az anyagtervezés.