Design material: O privire asupra designului web de astăzi

Au trecut aproape doi ani de când Google a dezvoltat și a anunțat la conferința Google I/O Material design ca un regulament de design care urma să fie implementat și care, deși axat inițial pe reproducerea conținutului pe sistemul de operare Android, urma să devină un trend pe web și pe orice platformă, lucru pe care îl putem confirma astăzi. Deși am menționat-o ocazional, adevărul este că nu ne-am oprit niciodată să privim în profunzime această codificare, așa că astăzi vom trece în revistă principiile și trăsăturile sale cele mai caracteristice.

Care sunt caracteristicile definitorii ale designului materialului? Ce legătură are cu mișcarea Flat Design?

Ce putem spune despre această tendință în web design?

Numele său provine din semnificația sa cea mai practică, materia sau materialele trebuie organizate și structurate în cel mai eficient mod posibil și se va concentra asupra acestui lucru. Această mișcare caută mai presus de toate flexibilitatea, ergonomia și capacitatea de a plia și simplifica construcția unui site web. Dar nu doar dimensiunea spațială va ocupa un loc important, ci și cea a timpului, întrucât acum elementele vor ocupa anumite poziții în anumite momente, adică dinamismul va fi și el un factor cheie. Mai mult, acești factori vor fi inevitabil ghidați de intelect și logică, ceea ce ajunge să ducă la căutarea realismului și a reprezentării spațiale a materiei fizice, de fapt ține cont de legile fizicii și odată cu ea și de elementele (imagini, butoane, panouri...) nu se pot încrucișa pentru că au greutate și densitate vizuală mai mare, în schimb ceea ce vor face este să se suprapună.

Ordine, claritate, lizibilitate

Toate aceste principii derivă, desigur, din modul în care sunt gestionate și distribuite componentele grafice, inclusiv tipografia, care va fi înainte de toate o soluție clară lizibilă, structura textuală va fi convențională și fluidă, o ierarhie vizuală motivată de folosirea de tonuri mai mult sau mai puţin puternice.generând contraste care vor fi şi nuanţate prin mărime şi ordine.

Iluminare și realism

Logica se manifestă mai ales în utilizarea efectelor de iluminare și gestionarea atât a luminilor, cât și a umbrelor. Iluminatul este un mare indicator al proximității, relevanței și situației, așa că va deveni un instrument fundamental pentru a influența acea ierarhie despre care vorbeam. Acum, butoanele, imaginile și toate elementele vor avea umbre care vor indica gradul de proximitate și ne vor ajuta să ne situăm în scenariul web.

Mișcarea este cel mai eficient instrument de a capta atenția și de a ghida privitorul

Limbajul său va fi evident, grafic și iluminator în ochii utilizatorului. Atunci când alegem o opțiune sau un instrument, acesta se va apropia de noi extinzându-și dimensiunile și invers când nu o mai folosim. La fel, un element își va schimba culoarea sau va clipi dacă are nevoie urgent să ne atragă atenția.

Ritm, ordine, limbaj

Să nu uităm că, practic, vorbim într-un mod de discurs. Parcurgem resursele pe care ni le ofera web design-ul si deci toti parametrii tehnico-expresivi au o semnificatie: De la ordinea aparitiei, de exemplu mai intai imaginile si apoi butoanele plutitoare, pana la viteza cu care apar, in ce directie. o fac și spre ce scop se mișcă. Toate acestea sunt importante pentru că nu numai că îi este indicată utilizatorului de unde provine informațiile, ci și călătoria este facilitată, elementele sunt aranjate astfel încât procesul de citire să fie intuitiv, ușor și plăcut. Fără îndoială, animația și dinamismul sunt un pilon de bază.

Codificare fără limite

Toate aceste principii sau standarde pe care le revizuim sunt concepute și dezvoltate pentru implementare pe orice suport și platformă, indiferent de natura acestuia și de dimensiunea ecranului pe care o prezintă. De pe telefoane mobile, tablete sau computere. Toate suporturile și destinațiile posibile susțin acest limbaj vizual și, de fapt, transversalitatea și compatibilitatea acestuia este unul dintre ingredientele sale esențiale.

Designul plat nu este același lucru cu Material Design

Deși au multe puncte în comun, cum ar fi angajamentul față de cel mai accentuat minimalism, există și diferențe enorme între ambele coduri. Cu toate acestea, nu sunt incompatibile și cu siguranță pot fi combinate perfect pentru a obține cele mai bune finisaje, dar despre asta vom vorbi într-o postare ulterioară.