Uživatelské rozhraní Android od věků: Od Droid Sans po Material You

Zdroj: Nick Sutrich / Android Central

Operační systém Android existuje od roku 2008 a za tu dobu bylo jeho uživatelské rozhraní několikrát znovuobjeveno. Původní rozhraní Android 1.0, které debutovalo na T-Mobile G1-úplně prvním telefonu s Androidem-bylo barebone a podle moderních standardů docela ošklivé. Až v Androidu 4.0, třech letech životnosti operačního systému, existoval jakýkoli zastřešující designový jazyk pro telefony Android.

Vzhled a dojem Androidu se od té doby neustále vyvíjí, často s dětskými krůčky dopředu, ale někdy s obrovskými skoky vpřed, jak tomu bylo při zavedení Material Design v roce 2014. Android 12 nám dává třetí velký, všeobjímající redesign platformy v podobě Materiál ty - ambiciózní snaha učinit Android osobnějším, přičemž jednotlivá barevná schémata jsou vytažena z palety materiálů.

Když vstupujeme do čtvrté éry designu Androidu - po počátcích, Holo a Material Design - je na čase se vrátit k uplynulým 13 letům v uživatelském rozhraní Android a vzpomenout si, jak jsme se sem dostali.

Zdroj: Android Central

Zdroj: Android Central

Během prvních dvou let své existence postrádal Android jakýkoli silný designový směr. V systému Android 1.0 až 2.2 Froyo byl vzhled a dojem operačního systému nejlépe popsán jako obecný, funkční a nevýrazný. Zdálo se, že se inspiroval starými smartphony té doby, raný vzhled Androidu sestával z robustních ikon, přechodových nabídek a spousty šedé.

Na vzhledu a chování akciového Androidu až tak nezáleželo.

Tato nenápadná estetika měla smysl pro malé obrazovky smartphonů s nízkým rozlišením na konci dvacátých let minulého století. Zatímco Google v té době (tak nějak) dodával telefony, v podobě T-Mobile G1 a nakonec Nexus One, většina Spotřebitelé by mohli zažít Android prostřednictvím objektivu všestranné kůže výrobce, jako je HTC Sense nebo Samsung TouchWiz. Vzhled a dojem z skladem Na Androidu až tak nezáleželo, když nejlepší telefony Android nepoužívají nic blízkého.

Nicméně při pohledu zpět na software T-Mobile G1 je přítomno mnoho klíčových, rozpoznatelných designových prvků Androidu současnosti. Vícestránkové domovské obrazovky s podporou widgetů, zásuvkou aplikace a rozbalovací nabídkou jsou vše tam, i když jsou zabaleny v uživatelském rozhraní, které se více podobá OS stolního počítače 90. let než Android dnes.

Uvedení smartphonu Nexus One od společnosti Google proběhlo současně s několika drobnými vylepšeními systému Android 2.1 Eclair, které zahrnovaly rychlé zástupce aplikace Telefon a prohlížeče vedle ikony zásuvky aplikace. První telefon Nexus také dostal fantastickou mřížku 3D animovaných aplikací. Ale v zásadě to byl standardní Android až do konce roku 2010: docela nudný, chladný a utilitární.

Zdroj: Android Central

Příchod bývalého designéra Palm Matiase Duarte do Googlu-nejprve jako design director pro Android, poté pro celou společnost-nastavil kurz pro uživatelské rozhraní Androidu v následujícím desetiletí.

Duarte byl najat těsně předtím, než se Google chystal odeslat Android 2.3 Gingerbread a telefon Nexus S, takže jeho vliv na Gingerbread byl omezený. Nicméně Android 2.3 byl nejvýznamnější generální opravou, kterou Android dosud viděl, s tmavšími barvami v kývnutí na rostoucí popularitu OLED obrazovek. The Android zelený Odstín byl použit jako akcentní barva pro zvýraznění ikon a stisknutí nabídky bylo přerušováno oranžovými záblesky. Jinak to bylo pokračování starodávného Androidu.

Příchod první verze Androidu specifické pro tablety vše změnil, přičemž Duarteův vliv byl jasně patrný ve vydání Android 3.0 Honeycomb na začátku roku 2011. Honeycomb poháněl rané iPady a měl odvážné rozhraní ve stylu sci-fi s modrou a tmavě fialovou barevnou paletou.

Tato verze nám představila klávesy na obrazovce, navigační paradigma, které na některých telefonech zůstává s Androidem dodnes. Odstranění staré nabídky a vyhledávacích tlačítek z Gingerbread a dřívějších verzí, zařízení Honeycomb bylo možné navigovat pomocí tří virtuálních navigačních kláves: domů, zpět a nedávných aplikací. Stisknutím tohoto tlačítka se spustil nově přepracovaný přepínač úloh systému Android a zobrazil malý náhled spuštěných aplikací v rolovacím seznamu.

Honeycomb, spěchal na trh ve snaze bojovat proti iPadu, fungoval jako jakýsi prototyp toho, co dorazil později v roce 2011: Android 4.0 Ice Cream Sandwich a nový designový jazyk „Holo“ - zkratka pro holografický.

Zdroj: Alex Dobie / Android Central

"Co je to?" duše Androidu? '

Matias Duarte se objevil na jevišti na zahajovací akci v Hongkongu pro Google a Samsung Galaxy Nexus, první telefon se systémem Android 4.0, který hovořil s Holo.

Duarte řekl účastníkům, že když se Google snažil položit základy pro příští půl dekádu Androidu, zeptal se svých uživatelů, co pro ně Android znamená. Zjistilo se, že v roce 2011 „zatímco lidé mají rádi Android, lidé Android potřebují, lidé ne milovat Android. "

A tak se Google poprvé zeptal: „Co je to? duše Androidu? "

„Android je okouzlující. Něco krásného, ​​svůdného, ​​něco, co si můžete opravdu zamilovat. Android je snadný. Zjednodušuje to každou část mého života. A díky Androidu bych se měl cítit silný a chytrý, “řekl návštěvníkům Duarte. Nové uživatelské rozhraní Android s tématem Holo mělo tyto hodnoty ilustrovat.

Holo navázalo na to, co bylo zahájeno ve verzi Honeycomb, a přidalo nové písmo Roboto, písmo, které dnes zůstává výchozím nastavením na většině zařízení Android. Na rozdíl od Droid Sans, který nahradil, byl Roboto postaven pro displeje s vysokou hustotou, které se v té době začínaly stávat běžnými, což dávalo modernější vzhled a příjemný zážitek ze čtení. Jinde byly zkosené hrany a reliéfní tlačítka a nabídky vyříznuty z Androidu, nahrazeny jednoduššími, geometrickějšími ikonami a UI nábytkem.

Zdroj: J4lambert, CC BY-SA 4.0, přes Wikimedia Commons

Holo Blue (také znám jako #33B5E5) byla primární barvou přízvuku Ice Cream Sandwich a následného vydání Jelly Bean, takže Android 4 vypadal ostře a futuristicky, i když výrazně méně Tron-vlivnější než byl Honeycomb. Tmavší paleta barev z Android 2.3 a 3.0 však zůstala a zdála se být vhodná pro Galaxy Nexus, zejména s rozsáhlým kontrastním AMOLED displejem.

Většina hlavních výrobců Androidu by však i nadále pokračovala ve své vlastní věci. Podobně jako Samsung, HTC a LG opět sádrovaly Android s vlastními vrstvami vlastního rozhraní a často se na Holo snažily odlišit jejich produkty. Výsledkem je, že telefon Samsung se systémem Gingerbread vypadal téměř stejně jako telefon Samsung se zmrzlinovým sendvičem. Například na Galaxy S3, prvním velkém telefonu Samsung, který byl uveden na trh po společném značkovém modelu Galaxy Nexus, byste se museli podívat opravdu těžko vidět jakoukoli práci od Duarte a jeho týmu.

Early Holo byl však docela promyšlený designový jazyk, který se nedal snadno spojit s vlastními designovými preferencemi společnosti. V ostrém kontrastu k jedné z hlavních zásad Materiál ty, výrazná modrá Holo byla napevno zapojena do tématu Holo, aniž by bylo možné ji změnit na zařízeních Android.

Android 4.4 KitKat Holo poněkud zkrotil, nahradil modré akcenty jasnějšími bílými a díky různorodější paletě barev se lépe hodil vedle aplikací, tapet a ikon. A to by se nakonec dostalo do druhého skvělý velký redesign Androidu k čemuž došlo koncem roku 2014.

Zdroj: Android Central

Na vývojářské konferenci Google I/O 2014 v San Francisku představil Matias Duarte ve své nové roli viceprezidenta designu pro celý Google nový Materiálové provedení Jazyk.

Material Design byl „jedna konzistentní vize pro mobilní zařízení, stolní počítače i mimo ně,“ řekl Duarte. Stejně jako Holo dorazil právě včas pro mobilní displeje s vyšším rozlišením na začátku roku 2010, Material Design využil vylepšenou grafickou koňskou sílu mobilního hardwaru dostupného uprostřed toho desetiletí. Ale nebylo to jen pro telefony - Material Design by žil na tabletech, chytrých hodinkách, Chromebookech a na webu.

„Chtěli jsme design, který by byl jasný a jednoduchý a aby mu lidé intuitivně rozuměli,“ vysvětlil Duarte. „Představili jsme si tedy: co kdyby pixely neměly jen barvu, ale také hloubku? Co kdyby existoval inteligentní materiál, který byl tak jednoduchý jako papír, ale dokázal by se na dotek přeměnit a změnit tvar? "

Zdroj: Phil Nickinson / Android Central

"Co kdyby existoval inteligentní materiál, který byl tak jednoduchý jako papír, ale dokázal by se transformovat a změnit tvar?"

„Digitální papír“ byl jádrem původní vize Material Design: UI, které připomínalo list papír, s jemnými stíny, které přenášejí hloubku, a zároveň je možné jej rozšiřovat, měnit velikost, kombinovat a přecházet jako potřeboval. Každý povrch v aplikaci pro Android nyní může mít hodnotu nadmořské výšky, přičemž rámec Android vhodně vykresluje osvětlení a stíny pod tímto digitálním papírem.

Material Design byl prezentován jako jednoduchý, geometrický a vrstvený, s výraznou barevnou paletou a nádhernými animacemi. Jednoduché vzkvétá, jako když se při klepnutí tlačítko přehrávání rozdělí na ikonu pozastavení nebo se ikony kontaktů rozbalí do zobrazit při načítání nastavit aplikaci Material na rozdíl od dřívějšího designového jazyka Holo a zůstat součástí Androidu dnes.

Původní naviják Material sizzle to ukázal, spolu s velmi živými odstíny a aplikacemi náročnými na vrstvy s úhlednými animacemi, které nikdy nebyly plně realizováno, když byl v Androidu 5.0 Lollipop spuštěn designový jazyk. Realizace Material v reálném světě byla nakonec konzervativnější, protože inženýři společnosti Google se snažili získat obrovské množství aplikací společnosti Android připravených pro materiál. Android byl velkou lodí k řízení a „materializace“ operačního systému a jeho aplikací skončila jako víceletý proces.

Material Design v Androidu Lollipop nicméně představil několik klíčových designových prvků, které přetrvávaly více než půl desetiletí: Tlačítko plovoucí akce bylo klíčovými funkcemi umístění, jako je zahájení nové zprávy v aplikaci pro textové zprávy nebo přidání položky do seznam. A vysouvací nabídky „hamburger“ se objevily jako oblíbený způsob navigace mezi hlavními oblastmi aplikací. A rozmnožování tlačítek a přetékání vzkvétá, což debutovalo s Material Designem v Androidu 5 přilepeným až do Androidu 11.

A díky tomu, že Google má větší kontrolu nad ekosystémem Android - a nový designový jazyk je otevřenější přizpůsobení - Material Design byl snadněji začleněn do skinů Androidů výrobců ve srovnání s Ahoj.

Material Design byl vždy určen k tomu, aby šel s dobou.

Material Design však nikdy neměl být statickým souborem pokynů a v následujících verzích systému Android se nadále vyvíjel. Verze Android 6 Marshmallow z roku 2015 se odklonila od sytých barev, které jsme viděli v úvodní materiálové prezentaci. Nabídka Nedávné aplikace ve stylu Rolodex byla nakonec v Android 9 vyřazena z provozu. A navigační nabídky „Hamburger“ se střetly s navigací gesty systému Android 10 a nyní byly z mnoha aplikací vyřazeny.

Zdroj: Alex Dobie / Android Central

V roce 2016 společnost Google představila své první telefony Pixel, což vedlo k dalšímu vývoji v materiálovém designu a k odchylce od původní vize pro rok 2014. Jak přišly další pixely, výrobce hardwaru Google se pokusil svůj software telefonu dále odlišit. Aplikace Google se staly méně barevnými a místo toho tlačily čisté bílé a modré barevné schéma. Do roku 2020 většina základních aplikací Google, jako jsou Fotky, Gmail, Zprávy a Mapy, přijala tuto estetiku „Material Theme“ spolu se spodními navigačními tlačítky podobnými iPhonu.

Aplikace Google pro rok 2020 byly na hony vzdálené barevnému prototypu materiálu uvedenému v roce 2014. Naštěstí však pro Android 12 bylo v roce 2021 naplánováno živější proměňování materiálu.

Zdroj: Google

Sedm let po debutu Material Design byla konference Google I/O opět místem velkého oznámení o designu Androidu. A Matias Duarte se vrátil na scénu v Mountain View, tentokrát aby předvedl další iteraci designového jazyka Google v Android 12 Materiál ty.

„Místo funkce sledující formu, co když forma následuje pocit? Místo Google Blue jsme si představili Material You-nový design, který vás zahrne jako spolutvůrce a umožní vám změnit vzhled a atmosféru všech vašich aplikací. “

Zdroj: Google

"Místo Google blue jsme si představili Material You."

Kouzlo za nimi Materiál ty byl projekt interně známý ve společnosti Google jako „Monet“. Monet mohl prozkoumat vámi vybranou domovskou obrazovku pozadí, vyberte klíčové barvy z palety Materiál a použijte je k přizpůsobení všech aplikací ve vašem telefon. Pro pozadí by byly použity tlumenější odstíny, zatímco na důležitá tlačítka nebo přepínače by mohly být použity živé a poutavé barvy.

Na rozdíl od materiálu „Digital Paper“ společnosti Material Design 1.0 vypadá materiál plošší a abstraktnější. Vrstvy uživatelského rozhraní jsou stále tam, o čemž svědčí překrývající se úrovně tlačítek rychlého nastavení, panelů oznámení a ohraničení při stahování oznamovacího stínu Androidu 12.

Zdroj: Google

Ale stíny a ostré hrany podobné papíru jako u Androidu Lollipop jsou pryč, nahrazeny zaoblenými rohy se širokými poloměry. Dokonce i widgety domovské obrazovky byly přepracovány se zaoblenými rohy. Materiál Také působíte jako protijed na často matně vypadající aplikace Google, na které si uživatelé v Androidu 10 a 11 zvykli. Android 12, tvrdí Google, vám může pomoci vybrat přizpůsobenou paletu, o které ví, že bude vypadat dobře v aplikacích, nabídkách a dokonce i widgetech na domovské obrazovce. Je to osobnější, expresivnější designový přístup k tomu, co je koneckonců nejosobnějším počítačem, který většina lidí vlastní.

A přestože se místy stále používá staré věrné písmo Roboto, Material You zdůrazňuje Google Sans, oficiální písmo společnosti, které v sobě skrývá více osobnosti. Google Sans se používá všude, od titulků k ikonám až po nabídky v aplikaci Nastavení, a je rozšířen na Obrazovka zámku systému Android 12 vyplní displej barevnými hodinami, pokud nejsou čekající oznámení.

Zdroj: Nick Sutrich / Android Central

Odvážný nový směr pro design Androidu, ale skočí do toho výrobci?

Animovaný vzkvétá v Material You jste také přirozenou evolucí raného Material Design. Hodiny Ambient Display oživí, když telefon zvednete, jsou odvážnější a barevnější. A podle toho, jak telefon zamknete nebo odemknete, uvidíte animovanou auru doprovázející akci.

Materiál, který debutujete v systému Android 12 na telefonech Google Pixel na konci roku 2021, a je pravděpodobné, že ho někteří jiní výrobci začlení do svých skinů pro Android a také budou k dispozici aktualizace. Nicméně, stejně jako tomu bylo u Holo a Material Design, neexistuje žádná záruka, že by výrobci telefonů následovali příklad Google. Uživatelé systému Android 12 budou také muset počkat, až vývojáři aktualizují své aplikace, aby podporovaly možnosti výměny palety Material You. Pokud je přechod na Material Design v roce 2014 něco, co by mohlo projít, mohlo by to nějakou dobu trvat.

Nicméně to, co jsme dosud viděli o materiálu You, dává Androidu obecně - a zejména zařízením Google Pixel - a silná designová identita s designovým jazykem dobře přizpůsobeným pro telefony, hodinky, tablety a další chytré povrchy 2020.

Pokud je historie jakýmkoli ukazatelem, znovu se někde kolem roku 2026 přihlásíme, abychom zjistili, kam dále směřuje Material Design.