Дизајн материјала: Поглед на данашњи веб дизајн

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

Које су кључне карактеристике дизајна материјала? Какве то везе има са покретом Флат Десигн?

Шта рећи о овом тренду у веб дизајну?

Име му долази из најпрактичнијег смисла, материја или материјали морају бити организовани и структурирани што ефикасније и усредсредит ћете се на то. Овај покрет тражи пре свега флексибилност, ергономију и способност пресавијања и поједностављивања израде веб странице. Али не само да ће просторна димензија заузимати важно место, већ и време, будући да ће сада елементи заузимати одређене положаје у одређено време, односно динамичност ће такође бити кључни фактор. Поред тога, ови фактори ће се неизбежно водити интелектом и логиком, што на крају доводи до потраге за реализмом и просторним представљањем физичке материје, заправо узима у обзир законе физике и са њима елементе (слике, дугмад, панели ...) не могу се међусобно укрштати јер имају већу тежину и визуелну густину, већ ће се међусобно преклапати.

Редослед, прегледност, читљивост

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

Осветљење и реализам

Логика се манифестује пре свега у употреби светлосних ефеката и управљању светлима и сенкама. Осветљење је сјајан показатељ близине, релевантности и ситуације, па ће ово постати основно средство за утицај на ону хијерархију о којој смо говорили. Сада ће дугмад, слике и сви елементи имати сенке које ће указивати на степен близине и помоћи ће нам да се поставимо на веб сцену.

Покрет је најефикаснији алат за привлачење пажње и вођење гледаоца

Његов језик биће очигледан, сликовит и просветљујућ у очима корисника. Када бирамо опцију или алат, приближиће нам се, проширујући своје димензије и обрнуто када престанемо да га користимо. Такође, ставка ће променити боју или трепнути ако апсолутно треба да привуче нашу пажњу.

Ритам, ред, језик

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

Неограничено кодирање

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

Раван дизајн није исто што и дизајн материјала

Иако деле многе заједничке тачке, попут посвећености најзвучнијем минимализму, између оба кода постоје и огромне разлике. Међутим, они нису некомпатибилни и сигурно се могу савршено комбиновати како би се постигле најбоље завршне обраде, али о томе ћемо у каснијем посту.