У последњем И / О догађају 2014. Гоогле се вратио са својим новим изненађењима. Поред званичног издања новог Андроид ажурирања са кодним именом Лоллипоп, Гоогле је такође представио свој нови језик дизајна, Материал Десигн . То је систем дизајна који није намењен само новим побољшањима корисничког интерфејса за Лоллипоп, већ и за различите уређаје и окружења.
Материјални дизајн има неке главне карактеристике које га разликују од осталих дизајнерских трендова са својим јединственим начинима. Баш као и његово име, инспирисан је стварним материјалима и комбиновао их у један систем дизајна како би створио елегантан, интуитиван, леп и најинтерактивнији кориснички доживљај. У овом посту ћемо гледати шта се налази унутар дизајна материјала и дати вам кратак водич о томе како га имплементирати. Цитирајући Гооглеов блог, рећи ћу: "Ово је материјални дизајн".
Увод
Дизајн материјала је јединствен систем дизајна, што значи да је направљен да ради са свим доступним данашњим уређајима и платформама. Од таблета, паметног телефона до десктопа и од Андроид, иОс, Виндовса до Веб платформи. Сви изгледи и осјећаји дизајна требају бити исти гдје год се налазили.
Главни принципи
Постоје три главна принципа који граде конструкцију материјала. Ово су најосновнији део онога што Материјал нуди уопште.
- Материјал је метафора . Развој материјала је инспирисан проучавањем тактилних елемената које користимо свакодневно, папир и мастило . То чини објекат светлом, површином и покретима боље када се међусобно сарађују.
- Храбар, графички и намеран . Типографија, решетке, простор, скала, боја и употреба слика које се користе у дизајну заснованом на штампи чини садржај материјала бољим.
- Мотион даје смисао . Ово је једна од највидљивијих ствари. У материјалу треба да имате смислено и одговарајуће кретање, суптилну и јасну повратну информацију и ефикасну и кохерентну транзицију.
Тхе Цомпонентс
Материјални дизајн посвећује пажњу сваком детаљу његових компоненти како би се могли користити универзално. Ове компоненте ће вам помоћи да направите невероватну апликацију и сајт. Постоји толико много компоненти које обезбеђује Материјал, као што су дугмад, прекидач, картица, унос текста, фаб (плутајуће дугме за акцију), дијалог, тост, подмени, таб и још много тога. Свака од њих има своје правило и водич о томе како да их изгради, тако да нећете имати никакве недоследне елементе.
Паттернс Тхинг
Поред компоненти, материјал вам такође пружа неке основне обрасце за додатни кориснички интерфејс. Ови обрасци ће побољшати корисничко сучеље које сте креирали са компонентама материјала. Узорци који укључују формат података, навигацијску ладицу, грешке, гестове, технику помицања, претраживање, поставке, учитавање слика, превлачење за освјежавање и још много тога.
Боје дизајна материјала
Боје у материјалу биле су дизајниране тако да се нећете осећати нелагодно, чудно и равно. Узимајући инспирацију из наших свакодневних окружења као што су путокази, савремена архитектура, трака за обележавање тротоара и спортски терени, Материал Десигн вам доноси неочекиване и жестоке боје. Постоји толико много палета боја које вам дају више погодности када развијате апликације или сајтове. Такође можете преузети сватцхеве боја за локалну употребу као и за вашу Пхотосхоп колекцију.
Икона материјала
Ако сте Андроид програмер, онда морате бити упознати са неким бесплатним пакетима икона које је Гоогле дао. Обично се користе само за главни елемент и траку акција. Док за друге ресурсе морамо ручно претраживати друге иконе као што су мапа, датотека, копирање и лијепљење итд. У материјалном дизајну Гоогле је ријешио проблем са тонама пакета икона које можете користити.
Свака од икона је прошла кроз неки дизајнерски приступ који такође користи проучавање тактилних материјала. Они су и одржавање материјалног принципа, који је конзистентан. Можете скинути ове иконе на ГитХуб, оне долазе са неким опцијама за различиту употребу као што су за иОс, веб, Андроид или свг. Ако желите ширу опцију за једноставну прилагодбу, вјеројатно желите видјети пакете икона Материал Десигн на ФлатИцон-у. Унутар пакета добићете вектор икона (СВГ & ЕПС), ПСД и ПНГ верзију.
Анимација материјала
Ово су особине материјала које највише волим. Анимације у материјалу су тако стварне и интуитивне. Свака анимација има смислене, досљедне и исправне временске пријелазе. Гиф демо који је приказан у наставку само је једна од предивних анимација материјала. Да би обезбедио привлачну и одговорну интеракцију, Гоогле тим такође креира анимацију налик на воду за ефекат корисничког уноса. Углавном се користи на тастерима и картицама.
Те карактеристике које сам објаснио само су мали део понуде материјала Десигн. Да бисте сазнали више о материјалном свету, само пређите на страницу са документацијом.
Имплементација
Подразумевано, Материал Десигн долази као ново ажурирање корисничког интерфејса за Андроид Лоллипоп. Све смернице које је Материјал применио у њему. Пошто је Материјал намењен за све врсте окружења, имплементација у други систем неће бити тешка. Захваљујући заједницама, то је много лакше са неким алатима које су створили.
Ово је неколико начина на које можете постићи да Материјални дизајн буде изван Андроид-а, на примјер веба.
Коришћење ЦСС оквира
Ово је најједноставнији начин ако желите имплементирати Материал Десигн у веб платформи. Са оквирима, све што треба да урадите је да га иницијализујете, а затим напишете елементе који су вам потребни. Постоји много оквира које можете користити као Материализе, Материал УИ или Полимер да наведете само неке. Мој лични избор пада у материјализам. Лакше је за коришћење и разумевање и има одличну документацију са лепим демо снимком.
Прати смернице
Ако желите да имплементирате материјал без помоћи оквира и радије се забрљате са шифрама, онда морате да пратите смернице за материјал. Тамо ћете наћи све што треба да урадите и шта не треба да приметите да би се постигли Материјални принципи. Видећете сав основни водич за креирање компоненти, распореда, анимација, боја, узорака и још много тога. Можда ћете желети да видите неки контролни списак материјала за лакши развој.
Закључак
Дизајн материјала је одличан систем дизајна и постао је један од најтраженијих трендова у години. У наредних неколико мјесеци, можемо га видјети свуда. Више апликација и локација ће бити углађено са новим Гооглеовим ажурирањем дизајна.
Са материјалним дизајном, Гоогле је доказао своју супериорност као једну од највећих технолошких компанија. То чини Гоогле не само водећи у области претраживача и мобилних оперативних система, већ иу пољу дизајна. До сада, нема других компанија које развијају ову велику ствар као што је Гоогле. Али искуство каже, неће дуго трајати. Сачекајте да друге компаније одговоре на Гооглеов дизајн материјала.
