Materialedesign: Et kig på dagens webdesign

Det har været næsten to år siden Google udviklede og annoncerede på Google I / O-konferencen Materiale Design som en designregulering, der ville blive implementeret, og at selvom det i første omgang var fokuseret på reproduktion af indhold i Android-operativsystemet, var det meningen, at det skulle blive en tendens på nettet og på enhver platform, noget vi kan bekræfte i dag. Selvom vi har nævnt det lejlighedsvis, er sandheden, at vi aldrig har stoppet med at se denne kodning i dybden, så i dag vil vi gennemgå dens principper og dens mest karakteristiske træk.

Hvad er de definerende træk ved materialedesign? Hvad har det at gøre med Flat Design-bevægelsen?

Hvad skal man sige om denne tendens inden for webdesign?

Navnet kommer fra dets mest praktiske sans, stof eller materialer skal organiseres og struktureres så effektivt som muligt, og du vil fokusere på det. Denne bevægelse søger frem for alt fleksibilitet, ergonomi og evnen til at folde og forenkle opbygningen af ​​et websted. Men ikke kun den rumlige dimension vil indtage et vigtigt sted, men også tidens, da elementerne nu vil indtage bestemte positioner på bestemte tidspunkter, dvs. dynamik vil også være en nøglefaktor. Derudover vil disse faktorer uundgåeligt styres af intellektet og logikken, som ender med at føre til en søgen efter realisme og den rumlige repræsentation af fysisk materie, faktisk tager det højde for fysikens love og dermed elementerne (billeder, knapper, paneler ...) kan ikke krydse hinanden, fordi de har større vægt og visuel tæthed, i stedet for hvad de vil gøre er at overlappe hinanden.

Orden, klarhed, læsbarhed

Alle disse principper stammer naturligvis fra den måde, hvorpå de grafiske komponenter styres og distribueres, inklusive typografien, som frem for alt vil være en klar læsbar løsning, tekststrukturen vil være konventionel og flydende, visuelt hierarki motiveret af brugen af ​​mere eller mindre stærke toner, der skaber kontraster, der også bliver nuanceret gennem størrelse og rækkefølge.

Belysning og realisme

Logikken manifesteres frem for alt i brugen af ​​lyseffekter og styringen af ​​både lys og skygger. Belysning er en stor indikator for nærhed, relevans og situation, hvorfor det bliver et grundlæggende værktøj til at påvirke det hierarki, vi talte om. Nu vil knapper, billeder og alle elementerne have skygger, der angiver graden af ​​nærhed og hjælper os med at positionere os på webscenen.

Bevægelse er det mest effektive værktøj til at fange opmærksomheden og guide seeren

Dets sprog vil være indlysende, grafisk og oplysende for brugeren. Når du vælger en mulighed eller et værktøj, vil det nærme os os, udvide dets dimensioner og omvendt, når vi holder op med at bruge det. En vare ændrer også farve eller blinker, hvis den absolut skal tiltrække vores opmærksomhed.

Rytme, orden, sprog

Lad os ikke glemme, at vi dybt nede taler i en form for diskurs. Vi gennemgår de ressourcer, som webdesign tilbyder os, og derfor har alle de teknisk-ekspressive parametre en betydning: Fra rækkefølgen af ​​udseendet, for eksempel først billederne og derefter de flydende knapper, til den hastighed, hvormed de vises, i hvilken retning de gør det, og i hvilken retning bevæger de sig. Alt dette er vigtigt, fordi ikke kun er brugeren angivet, hvor informationen kommer fra, men også rejsen er lettere, elementerne er arrangeret for at gøre læseprocessen intuitiv, nem og behagelig. Utvivlsomt er animation og dynamik en grundlæggende søjle.

Ubegrænset kodning

Alle disse principper eller standarder, som vi gennemgår, er designet og udviklet til implementering på ethvert medium og platform uanset dets art og skærmstørrelse. Fra mobiltelefoner, tablets eller computere. Alle mulige understøttelser og destinationer understøtter dette visuelle sprog, og faktisk er dets tværsidighed og kompatibilitet en af ​​dets vigtige ingredienser.

Fladt design er ikke det samme som Material Design

Selvom de deler mange fælles punkter, såsom forpligtelsen til den mest rungende minimalisme, er der også enorme forskelle mellem de to koder. De er dog ikke uforenelige og kan helt sikkert kombineres perfekt for at opnå de bedste finish, men vi vil tale om det i et senere indlæg.