Гоогле-ов кориснички интерфејс за дизајн материјала постаје преуређен новим бојама, иконографијом и фокусом на додир

click fraud protection

Чини се да нова урезивања у Цхромиум Геррит-у упућују на „Материал Десигн 2“, који би могао бити нова и побољшана верзија Гоогле-овог језика Материал Десигн.

Материал Десигн, јединствени језик дизајна који је лансиран уз Андроид Лоллипоп, садржи равне, пастелне палете боја, дубину, меко осветљење и реалистичну физику. Намењен је да опонаша тактилност објеката из стварног света без прибегавања скеуоморфизму; Гугл то описује као синтезу „класичних принципа“ са „[] иновацијама и могућностима“ технологије.

Од дебитовања Материал Десигн-а 2014. године, проширио се на Андроид екосистем попут пожара—да не спомињемо Гоогле апликације као што су ИоуТубе, Цхроме, Гмаил, Хангоутс и Гоогле календар. Плутајућа акциона дугмад, пријатне боје и технике подизања су доступни као део Библиотека компоненти материјала на ГитХуб-у (наставак Андроид библиотеке за подршку дизајну и Гоогле-овог Лите дизајна материјала који је фокусиран на веб), који доноси материјал добро за Андроид у облику прилагођених приказа, и за веб у облику пакета који се могу увозити и користити као стандардни ХТМЛ ознаке.

Сада, уочи четврте годишњице Материал Десигн-а, чини се да Гоогле припрема следећу генерацију својих инспирисан папиром и мастилом естетски: Дизајн материјала 2. Драгоцено мало информација је јавно доступно о Материал Десигн 2, чије смо постојање открили ове недеље у новим урезивањама у Цхромиум Герриту. Не тврдимо да је то а правилно наследник најновијег оквира Материал Десигн, али се обавезује да указује на приметне, иако суптилне, промене у палетама боја, иконографији и понашању екрана осетљивог на додир.


Дизајн материјала 2 се појављује у Цхромиум Герриту

Почетком фебруара, нова урезивања на Цхромиум Геррит-у су имплементирала корисничко сучеље „Материал Десигн 2“ у Цхроме-у трака са картицама—картице које се могу превући и које садрже наслове веб страница, фавиконе и дугме „затвори картицу“ изнад Цхроме-а адресна трака.

Урезивања нису драстична, али уносе промене у изглед Цхроме картица. Они повећавају висину траке; извршите неодређена подешавања у изгледу садржаја картица, посебно у насловима и индикаторима упозорења; и смањите ширину додира картице док повећавате стандардну ширину картице. Они експлицитно немој измените боје индикатора упозорења картице, боје сепаратора картица, дугме „нова картица“ или било коју типографију картице.

Колекција Цхроме картица.

Откривајуће је да се урезивање позива на икону дугмета за затварање картице „Материал Десигн 2“ и „основне константе боје потребне за Гоогле Материал Десигн 2“.

Дубље копање у код урезивања показује нове палете боја „Материал Десигн 2“ за сиве, црвене и црвено-тамне Цхромиум теме, као и нове боје за стандардну Цхроме траку са алаткама и траку са алаткама без архивирања. Користили смо хексадецималну табелу за претраживање да генеришемо РГБ узорке:

Материјал дизајна 2 је црвено нешто тамније од тренутног дизајна материјала Црвена 800 (#Ц62828) и Црвена 600 (#Е53935), док нове нијансе сиве (#3Ц4043, #5Ф6368, #БДЦ1Ц6, #Ф1Ф3Ф4) имају светлију, плавичасту нијансу. Дизајн материјала карактерише традиционална сива, где је Р=Г=Б, док је овде Б>Г>Р у свакој нијанси (али само за 1-4 од 255).

Верзије компатибилне са Материал Десигн 2 Цхроме ће такође имати много светлију траку са алаткама од тренутних верзија — скоро је бела у поређењу са тренутном сивкастом шемом боја.

Ево кратког модела како ће трака са алаткама изгледати са примењеним новим бојама:

Коначно, урезивање додаје нови ИсТоуцхОптимизедМатериал() застава на МатериалДесигнЦонтроллер, што би се могло односити на елементе материјалног дизајна 2 оптимизоване на додир. Почетком јануара писали смо о Гоогле-овим настојањима да побољша Подршка за екран осетљив на додир Цхроме веб прегледача на Цхроме ОС уређајима, и чини се да је то наставак.

На пример, урезивање показује да ће на уређајима са екраном осетљивим на додир Цхроме-ов СетСтацкедЛаиоут бити „увек омогућено.' Подразумевано, када отворите много картица, ширине осталих картица се смањују да би се прилагодиле нове картице. Цхроме-ов наслагани изглед задржава ширину оригиналних картица и додаје нове картице иза њих.


Важност боје у дизајну материјала

Дакле, шта нове боје значе у ширем контексту дизајна материјала?

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

Гоогле даје узорак палете боја дизајниран да „добро ради заједно“ на свим платформама и подстиче програмере који користе предност да користе извор примарна боја апликације -- иначе позната као "доминантна" боја -- из колекције од 500 различитих узорци. (Замислите „плаву“, „зелену“ или „љубичасту“ и друге основне боје.) Ако је потребно, они добијају секундарну боју из проширене колекције од 700 боја (комплементарне боје за најважније елементе корисничког интерфејса, и аналогне за мање важне елементе корисничког интерфејса, и терцијарна боја из подскупа 300).

Боја игра важну улогу у хијерархији дизајна материјала. Светле боје указују на важност -- резервисане су за истакнута дугмад и друге интерактивне елементе. Суптилније боје, с друге стране, додају визуелни интерес наглашавајући текстуална поља, траке напретка, везе и друге делове корисничког интерфејса.

Према ономе што знамо о палети боја Материал Десигн 2, барем неколико узорака у Гоогле-овим „примарним 500“, попут Ред 600 и 800, тамније су од њихових претходника Материал Десигн. Али други, попут сиве, добијају супротан третман - и сиви и бели узорци приказани на моцкуп-у Цхроме картице имају хладнију сиву тон и више плаве вредности.


Управо сада, то је све што заиста знамо о Материал Десигн 2. Али обавезивања могу бити знак да се нешто дешава иза кулиса, а ако је то истина, можда ћемо сазнати више пре него касније. Очекује се да ће Гоогле избацити Андроид П, следећу велику верзију Андроид-а, већ у марту, а Гоогле И/О 2018 почиње 8. маја. Обе су главне прилике да се заврши материјални дизајн 2.

Ажурирање 4.2.2018: Убрзо након објављивања овог чланка, урезивање је постало приватно, што потенцијално значи да је требало да буде тајно. Наставићемо да проверавамо Цхромиум Геррит за промене и ажурираћемо овај чланак ако их пронађемо.