Material Design: més que una tendència

El Material Design centra la seva raó de ser en el significat, la jerarquia i l’adaptació, dotant el resultat d’una funcionalitat clara, transversal i perdurable en el temps

Alba Huguet
Blog de Interactius UX
4 min readJun 6, 2016

--

Molts dels articles que parlen sobre Material Design utilitzen la paraula tendència per a explicar aquesta nova manera de dissenyar com si fos una simple moda passatgera

No ens deixem enganyar, no estem parlant d’una passarel·la de la nova col·lecció primavera-estiu on els factors més importants poden ser sorprendre, innovar o, segurament, mostrar la bogeria d’algun excèntric i incomprensible dissenyador de moda. Estem parlant d’evolució en majúscules. De com el disseny gràfic/web/interactiu s’adapta al món tecnològic actual i a les necessitats que aquest reclama contínuament.

El disseny web el vam veure néixer als 90. Creix i aprèn al mateix temps que es presenta als seus usuaris dia a dia. Fa pocs anys que s’escriuen i es presenten les bases i normes amb les quals ens recomanen que s’ha de basar.

Hem de tenir en compte que no només podem visualitzar una web des d’un ordinador, sinó que la podem veure des de multitud de dispositius amb infinitat de mides diferents. Per a un dissenyador és quasi inabastable poder crear un disseny per a cada dispositiu existent i poder oferir a l’usuari un resultat òptim. Per aquest motiu s’han pensat i creat maneres de facilitar la feina al dissenyador i una d’elles és el Material Design.

Què és el Material Design?

El Material Design centra les seves bases en el Flat Design

Així ha entrat en joc la nova normativa del Material Design: reapareixen les ombres i degradats per a proporcionar volum i materialitat als diferents elements. D’aquesta manera, l’usuari oblida l’aparença plana del disseny i percep el site com si estigués format per a diferents capes sobreposades. S’intenta simular una llum externa que enfoca els elements i depenent de la seva mida i distància a la qual està dels altres elements es crea una ombra aparentment real.

Minimalisme, senzillesa, geometria, percepció d’una tercera dimensió allargant i contrastant les ombres de les icones, focalitzar l’atenció de l’usuari utilitzant paletes de colors cridaners, harmònics i que abasten grans zones, colors plans, mòduls…

material_design_2

El color torna a ser un dels grans protagonistes

Es recorre a ell per a focalitzar l’atenció de l’usuari altre cop però amb l’afegit de crear una jerarquia de la informació més marcada.

El disseny modular facilita l’adaptació a totes les mides de dispositius existents

I d’aquesta manera pot imposar-se a la resta de metodologies, ja que redueix les dificultats d’adaptar els elements del Responsive Design.

material_design_3

El moviment i la interacció són les grans novetats del Material Design

El dissenyador ja no pot pensar només en colors, formes, tipografies, etc., sinó que també ha de tenir en compte quins moviments faran les icones, les pàgines, els desplegables… Potser, de cara a la decoració del lloc web, hem guanyat facilitats els dissenyadors, ja que tot es torna més simple, esquemàtic i minimalista, però ara tenim un paper molt important a l’hora de pensar interaccions i com presentar-les a l’usuari perquè siguin les justes i necessàries. Ni més, ni menys.
Si vols experimentar el moviment i la interacció que permet el Material design, visita i interactua amb els disseny de Material Interaction.

En definitiva, el Material Design és una conseqüència i no una moda

El disseny web/app vol donar resposta a tots aquells entrebancs que el món interactiu dels usuaris va presentant i, paral·lelament, va adaptant-se a cada nova situació.
Així doncs, el Material Design centra la seva raó de ser en el significat, la jerarquia i l’adaptació. Deixem de parlar de tendències i parem atenció en el perquè de les coses, l’autèntic leitmotiv del disseny: respondre a una necessitat, dotar el resultat d’una funcionalitat clara i transversal i perdurable en el temps.

Si en vols saber més, a continuació trobaràs un llistat d’enllaços imprescindibles sobre Material Design:

--

--