Андроид кориснички интерфејс кроз векове: од Дроид Санс -а до Материал Иоу

Извор: Ницк Сутрицх / Андроид Централ

Андроид ОС постоји од 2008. године, а за то време је корисничко сучеље више пута изнова откривано. Оригинални Андроид 1.0 интерфејс који је дебитовао на Т-Мобиле Г1-првом Андроид телефону-био је огољен и прилично ружан по савременим стандардима. Тек је Андроид 4.0, три године након трајања оперативног система, постојао било какав свеобухватни језик дизајна за Андроид телефоне.

Изглед и осећај Андроид -а се од тада стално развијају, често бебиним корацима напред, али понекад са огромним скоковима напред, што се догодило са увођењем Дизајна материјала у 2014. Андроид 12 даје нам трећи велики, свеобухватни редизајн платформе у облику Материјал Ви - амбициозан напор да се Андроид учини личнијим, са појединачним шемама боја извученим из палете материјала.

Како улазимо у четврту еру дизајна Андроида - након првих дана, Холо -а и Материал Десигн -а - време је да се вратимо на последњих 13 година у Андроид УИ и запамтимо како смо дошли овде.

Извор: Андроид Централ

Извор: Андроид Централ

Прве две године свог постојања Андроиду није недостајао снажан смер дизајна. Од Андроида 1.0 до 2.2 Фроио, изглед и осећај ОС -а најбоље је описан као општи, функционалан и бљутав. Изгледа да је инспирисан старим паметним телефонима тог времена, рани Андроид изглед састојао се од крупних икона, нагнутих менија и пуно сиве боје.

Изглед и осећај залиха Андроид -а једноставно нису били толико важни.

Ова беспрекорна естетика имала је смисла за мале екране паметних телефона ниске резолуције касних 2000-их. Док је Гоогле у то време (на неки начин) испоручивао телефоне, у облику Т-Мобиле Г1 и на крају Некус Оне, већина потрошачи би доживели Андроид кроз објектив свеобухватне коже произвођача попут ХТЦ Сенсе-а или Самсунг-а ТоуцхВиз. Изглед и осећај акција Андроид једноставно није био толико важан када је најбољи Андроид телефони не користе ништа близу тога.

Ипак, осврћући се на софтвер Т-Мобиле Г1, присутни су многи од кључних, препознатљивих Андроид дизајнерских елемената данашњице. Почетни екрани на више страница са подршком за виџете, фиока за апликације и падајућа обавештења су све тамо, чак и ако су упаковани у кориснички интерфејс који више личи на оперативни систем десктоп рачунара 90 -их него на Андроид данас.

Гооглеово представљање паметног телефона Некус Оне поклопило се са неким мањим побољшањима дизајна за Андроид 2.1 Ецлаир, укључујући брзе пречице до апликације Телефон и прегледача поред иконе у фиоци апликације. Први Некус телефон добио је и фантастичну 3Д анимациону мрежу апликација. Али у основи, ово је био Андроид Андроид до краја 2010.: прилично досадан, хладан и утилитаристички.

Извор: Андроид Централ

Долазак бившег дизајнера Палма Матиаса Дуартеа у Гоогле-прво као директор дизајна за Андроид, а затим и за целу компанију-поставио је курс за Андроид корисничко сучеље у наредној деценији.

Дуарте је ангажован непосредно пре него што је Гоогле требао да испоручи Андроид 2.3 Гингербреад и телефон Некус С, па је његов утицај на Гингербреад био ограничен. Ипак, Андроид 2.3 је био најзначајнији дизајн који је Андроид до сада видео, са тамнијим бојама у знак пораста популарности ОЛЕД екрана. Тхе Андроид зелен нијанса је коришћена као наглашена боја за истицање икона, а притисци на менију испрекидани су наранџастим бљесковима. Иначе, ово је био наставак старог Андроида.

Долазак прве верзије Андроида специфичне за таблете све је променио, а Дуартеов утицај је јасно видљив у издању Андроид 3.0 Хонеицомб почетком 2011. године. Хонеицомб је покренуо ране иПад ривале и имао је смео интерфејс у ​​научно-фантастичном стилу са плавом и тамно љубичастом палетом боја.

Ова верзија нас је упознала са тастерима на екрану, парадигмом навигације која остаје на Андроиду до данас на неким телефонима. Укидајући стари мени и дугмад за претрагу из Гингербреад -а и ранијих издања, Хонеицомб уређајима се може управљати помоћу три виртуелна навигациона тастера: хоме, бацк и рецент аппс. Потискивање овог последњег покренуло је Андроид-ов новоуређени мењач задатака, показујући мали преглед покренутих апликација на листи која се може померати.

Хонеицомб, који је пожурио на тржиште у покушају да се бори против иПад -а, деловао је као нека врста прототипа за шта стигао касније 2011. године: Андроид 4.0 Ице Цреам Сандвицх и нови језик за дизајн „Холо“ - скраћено од холографски.

Извор: Алек Добие / Андроид Централ

'Шта је душа Андроида? '

Матиас Дуарте појавио се на позорници на представљању у Хонг Конгу за Гоогле и Самсунгов нови Галаки Некус, први телефон са Андроидом 4.0, који је говорио Холо.

Дуарте је рекао присутнима да је Гоогле, покушавајући да постави темеље за следећих пола деценије Андроида, питао своје кориснике шта Андроид значи за њих. Утврђено је да су 2011. године, „док људи воле Андроид, људима треба Андроид, људима није љубав Андроид. "

И тако се Гоогле по први пут запитао „шта је то душа Андроида? "

„Андроид је очаравајући. Нешто лепо, заводљиво, нешто у шта се заиста можете заљубити. Андроид је лак. Поједностављује сваки део мог живота. А Андроид би требало да учини да се осећам моћним и паметним ", рекао је Дуарте присутнима. Нови Андроид кориснички интерфејс, са Холо темом, требало је да илуструје ове вредности.

Холо је надоградио оно што је започето у издању Хонеицомб, додајући нови Робото фонт, фонт који је и даље подразумеван на већини Андроид уређаја данас. За разлику од Дроид Санс-а, који је заменио, Робото је направљен за заслоне велике густине који су у то време почели да постају уобичајени, дајући модернији изглед и пријатно искуство читања. На другим местима, искошене ивице и рељефни тастери и менији изрезани су из Андроида, замењени једноставнијим геометријским иконама и намештајем корисничког интерфејса.

Извор: Ј4ламберт, ЦЦ БИ-СА 4.0, путем Викимедијине оставе

Холо плава (зв #33Б5Е5) била је примарна наглашена боја Ице Цреам Сандвицх -а и каснијег издања Јелли Беан -а, због чега је Андроид 4 деловао оштро и футуристички, иако изразито мање Трон-утицао него што је Хонеицомб био. Тамнија палета боја са Андроида 2.3 и 3.0 остала је, међутим, и изгледала је као да пристаје за Галаки Некус, посебно са својим експанзивним АМОЛЕД екраном, тешким за контраст.

Међутим, већина великих произвођача Андроида наставила би да ради своје. Они попут Самсунг -а, ХТЦ -а и ЛГ -а поново су оплеменили Андроид својим прилагођеним слојевима интерфејса, често грубо прелазећи преко Холо -а у покушају да разликују своје производе. Као резултат тога, Самсунг телефон са Гингербреадом изгледао је приближно исто као и Самсунг телефон са Ице Цреам Сандвицх -ом. На пример, на Галаки С3, првом великом Самсунговом телефону који је лансиран након ко-брендираног Галаки Некуса, морали бисте да погледате заиста тешко је видети било шта од рада Дуартеа и његовог тима.

Рани Холо је ипак био прилично самопоуздан дизајнерски језик, који се није могао лако оженити сопственим дизајнерским преференцијама компаније. У потпуној супротности са једним од основних начела Материјал Ви, препознатљива Холо плава је била чврсто повезана са Холо темом, без начина да је промените на Андроид уређајима.

Андроид 4.4 КитКат је донекле укротио Холо, замењујући плаве акценте светлијим белим, што се боље уклапа уз апликације, позадине и иконе користећи разноврснију палету боја. И ово би на крају прешло у другу велики велики Андроид редизајн то се догодило крајем 2014.

Извор: Андроид Централ

На конференцији за програмере Гоогле И/О 2014. у Сан Франциску, Матиас Дуарте, у новој улози потпредседника дизајна за цео Гоогле, представио је нову Дизајн материјала Језик.

Дизајн материјала био је "једна доследна визија, за мобилне, десктоп и шире", рекао је Дуарте. Баш као што је Холо стигао на време за мобилне екране веће резолуције почетком 2010-их, Материал Дизајн је искористио побољшане графичке коњске снаге мобилног хардвера који је био доступан усред тога декада. Али то није било само за телефоне - Материал Десигн би живео на таблетима, паметним сатовима, Цхромебоок -овима и на вебу.

"Желели смо јасан и једноставан дизајн, који ће људи интуитивно разумети", објаснио је Дуарте. „Па смо замислили: шта ако пиксели немају само боју, већ и дубину? Шта ако постоји интелигентан материјал који је једноставан као папир, али би могао да се трансформише и промени облик као одговор на додир? "

Извор: Пхил Ницкинсон / Андроид Централ

"Шта ако постоји интелигентан материјал који је једноставан као папир, али може да се трансформише и промени облик?"

„Дигитални папир“ био је у срцу првобитне визије дизајна материјала: кориснички интерфејс који је личио на лист папир, са суптилним сенкама за преношење дубине, а истовремено је у могућности да проширује, мења величину, комбинује и прелази као потребно. Свака површина у Андроид апликацији сада би могла имати вредност висине, са Андроид оквиром који на одговарајући начин приказује осветљење и сенке испод овог дигиталног папира.

Материјални дизајн представљен је као једноставан, геометријски и слојевит, са смелом палетом боја и дивним анимацијама. Једноставно цвета попут дугмета за репродукцију које се дели на икону паузе када се додирне или се иконе контаката прошире приказ док се учитавају, издвојили су апликацију Материал од ранијег језика Холо дизајна и остали део Андроид -а данас.

Оригинални колут Материјал сиззле то је приказао, заједно са изузетно живим нијансама и апликацијама са великим слојем са глатким анимацијама које никада нису потпуно схватио када је језик дизајна заживео у Андроид 5.0 Лоллипоп. Имплементација материјала у стварном свету постала је конзервативнија, јер су Гоогле-ови инжењери покушали да добију огромну количину Андроид апликација спремних за материјал. Андроид је био велики брод за управљање, а „материјализација“ ОС-а и његових апликација завршила је као вишегодишњи процес.

Ипак, материјални дизајн у Андроид Лоллипопу представио је неколико кључних елемената дизајна који су трајали више од пола деценије: Пливајуће дугме за радњу биле су кључне карактеристике локације за отварање, попут покретања нове поруке у апликацији за слање порука или додавања ставке у листа. И клизни менији „хамбургери“ појавили су се као омиљени начин навигације између главних области апликација. Притисак и преливање тастера цветају што је дебитовало са Материал Десигн -ом у Андроиду 5 заглављеним све до Андроида 11.

А пошто Гоогле има већу контролу над Андроид екосистемом - а нови језик дизајна је отворенији прилагођавању - Материјални дизајн је лакше уграђен у произвођачеве Андроид скинове у поређењу са Холо.

Дизајн материјала је увек био намењен да иде у корак са временом.

Материјални дизајн никада није требало да буде статичан скуп смерница и наставио је да се развија у наредним верзијама Андроида. Издање Андроид 6 Марсхмаллов 2015. одступило је од засићених боја које смо видели у почетној презентацији материјала. Мени Недавне апликације у стилу Ролодек на крају је стављен ван употребе у Андроиду 9. Навигациони менији „Хамбургер“ сукобили су се са навигацијом покретима Андроид 10 и сада су повучени из многих апликација.

Извор: Алек Добие / Андроид Централ

Гоогле је 2016. године представио своје прве Пикел телефоне, што је довело до даље еволуције у материјалном дизајну и одступања од првобитне визије из 2014. године. Како су стигли следећи Пиксели, Гоогле је произвођач хардвера настојао да додатно разликује свој софтвер телефона. Гоогле апликације су постале мање шарене и уместо тога су потиснуле чисту шему беле и плаве боје. До 2020. године већина основних Гооглеових апликација, као што су Фотографије, Гмаил, Вести и Мапе, усвојиле су ову естетику „Материјална тема“, заједно са доњим тастерима за навигацију сличним иПхонеу.

Гоогле апликације 2020. биле су далеко од шареног прототипа материјала приказаног 2014. На срећу, ипак је за Андроид 12 планирано живље преуређење материјала 2021.

Извор: Гоогле

Седам година након премијере Материјалног дизајна, Гоогле И/О конференција поново је била место за велико најављивање Андроид дизајна. И Матиас Дуарте се вратио на сцену у Моунтаин Виеву, овог пута да прикаже следећу итерацију Гоогле -овог језика дизајна у Андроид 12 Материјал Ви.

„Уместо да функција прати функцију, шта ако форма следи осећај? Уместо Гоогле плаве, замислили смо Материал Иоу-нови дизајн који вас укључује као ко-креатора, омогућавајући вам да трансформишете изглед и осећај свих својих апликација. "

Извор: Гоогле

„Уместо Гоогле плавог, замишљали смо Материал Иоу.“

Магија иза Материјал Ви је био интерно познат пројекат у Гоогле -у као "Монет". Монет би могао да прегледа почетни екран који сте изабрали позадини, одаберите кључне боје из палете материјала и користите их за прилагођавање свих апликација на вашем телефон. За позадине би се користиле пригушеније нијансе, док се живе боје које привлаче пажњу могу применити на важна дугмад или прекидаче.

За разлику од „Дигиталног папира“ Материал Десигн 1.0, Материал Иоу изгледа равнији и апстрактнији. Слојеви корисничког интерфејса су још увек ту, о чему сведоче преклапајући нивои дугмади за брза подешавања, панела са обавештењима и ивица приликом повлачења нијансе обавештења Андроид 12.

Извор: Гоогле

Али сенке и оштре ивице Андроид Лоллипопа налик папиру су нестале, замењене заобљеним угловима са широким радијусима. Чак су и виџети на почетном екрану реновирани са заобљеним угловима. Материјал Такође делујете као противотров за често досадне Гооглеове апликације на које су се корисници навикли у Андроидима 10 и 11. Андроид 12, тврди Гоогле, може вам помоћи да одаберете прилагођену палету за коју зна да ће изгледати добро у апликацијама, менијима, па чак и виџетима на почетном екрану. То је личнији, изражајнији приступ дизајну за оно што је, на крају крајева, нај персоналнији рачунар који већина људи поседује.

И док се стари верни фонт Робото још увек понегде користи, Материал Иоу наглашава Гоогле Санс, званични фонт компаније, који садржи више личности. Гоогле Санс се користи свуда, од описа икона до менија у апликацији Подешавања, и проширен је Закључани екран Андроид 12 за попуњавање екрана сатом у боји када нема чекања обавештења.

Извор: Ницк Сутрицх / Андроид Централ

Храбар нови правац за Андроид дизајн, али хоће ли произвођачи ускочити у то?

Анимирани процват у материјалу Ви сте такође природна еволуција раног материјалног дизајна. Сат за амбијентални екран оживљава када подигнете телефон, постаје смелији и обојен. У зависности од тога како закључавате или откључавате телефон, видећете анимирану ауру која прати радњу.

Материјал који сте дебитовали у Андроиду 12 на Гоогле Пикел телефонима крајем 2021. године и вероватно ће га неки други произвођачи уградити у своје Андроид скинове, као и ажурирања. Међутим, као што је то био случај са Холо -ом и Материал Десигн -ом, нема гаранције да ће произвођачи телефона следити Гоогле. Корисници Андроида 12 такође ће морати да чекају да програмери ажурирају своје апликације како би подржали могућности замене палета Материал Иоу. Ако се пређе на прелазак на материјални дизајн 2014. године, то би могло потрајати.

Ипак, оно што смо до сада видели о Материал Иоу -у даје Андроиду уопште - а посебно Гоогле Пикел уређајима - а снажан дизајнерски идентитет, са дизајнерским језиком који је добро прилагођен телефонима, сатовима, таблетима и другим паметним површинама 2020 -их.

Ако је историја било који показатељ, поново ћемо се пријавити негде око 2026. године како бисмо сазнали где иде материјални дизајн.