Materialdesign: En titt på dagens webdesign

Det har gått nesten to år siden Google utviklet og kunngjorde på Google I / O-konferansen Material Design som en designregulering som ville bli implementert, og at selv om det først var fokusert på reproduksjon av innhold i Android-operativsystemet, var det ment å bli en trend på nettet og på hvilken som helst plattform, noe vi kan bekrefte i dag. Selv om vi har nevnt det noen ganger, er sannheten at vi aldri har stoppet for å se denne kodingen i dybden, så i dag skal vi gjennomgå dens prinsipper og dens mest karakteristiske trekk.

Hva er de viktigste egenskapene til materialdesign? Hva har det med Flat Design-bevegelsen å gjøre?

Hva skal jeg si om denne trenden innen webdesign?

Navnet kommer fra sin mest praktiske sans, materie eller materialer må organiseres og struktureres så effektivt som mulig, og du vil fokusere på det. Denne bevegelsen søker fremfor alt fleksibilitet, ergonomi og muligheten til å brette og forenkle konstruksjonen av et nettsted. Men ikke bare den romlige dimensjonen vil innta et viktig sted, men også tiden, siden elementene nå vil innta bestemte posisjoner til bestemte tider, det vil si at dynamikk også vil være en nøkkelfaktor. I tillegg vil disse faktorene uunngåelig styres av intellektet og logikken, som ender opp med å søke etter realisme og den romlige representasjonen av fysisk materie, faktisk tar det hensyn til fysikkens lover og med det elementene (bilder, knapper, paneler ...) kan ikke krysse hverandre fordi de har større vekt og visuell tetthet, i stedet for hva de vil gjøre er å overlappe hverandre.

Orden, klarhet, lesbarhet

Alle disse prinsippene kommer selvfølgelig fra måten grafiske komponenter administreres og distribueres på, inkludert typografien, som fremfor alt vil være en tydelig lesbar løsning, tekststrukturen vil være konvensjonell og flytende, visuelt hierarki motivert av bruk av mer eller mindre sterke toner som genererer kontraster som også vil bli nyansert gjennom størrelse og orden.

Belysning og realisme

Logikken manifesterer seg fremfor alt i bruk av lyseffekter og håndtering av både lys og skygge. Belysning er en god indikator for nærhet, relevans og situasjon, så dette vil bli et grunnleggende verktøy for å påvirke det hierarkiet vi snakket om. Nå vil knapper, bilder og alle elementene ha skygger som vil indikere graden av nærhet og vil hjelpe oss med å posisjonere oss på nettscenen.

Bevegelse er det mest effektive verktøyet for å fange oppmerksomheten og veilede betrakteren

Språket vil være åpenbart, grafisk og opplysende i brukerens øyne. Når du velger et alternativ eller verktøy, vil det nærme oss, utvide dimensjonene og omvendt når vi slutter å bruke det. Dessuten vil en vare skifte farge eller blinke hvis den absolutt trenger å tiltrekke seg vår oppmerksomhet.

Rytme, orden, språk

La oss ikke glemme at vi innerst inne snakker i en form for diskurs. Vi går gjennom ressursene som webdesign tilbyr oss, og derfor har alle de teknisk-ekspressive parametrene en betydning: Fra rekkefølgen på utseendet, for eksempel først bildene og deretter de flytende knappene, til hastigheten de vises i, i hvilken retning de gjør det og til hvilket mål de beveger seg. Alt dette er viktig fordi ikke bare brukeren er angitt hvor informasjonen kommer fra, men også at reisen tilrettelegges, elementene er ordnet for å gjøre leseprosessen intuitiv, enkel og hyggelig. Utvilsomt er animasjon og dynamikk en grunnpilar.

Ubegrenset koding

Alle disse prinsippene eller standardene vi gjennomgår er designet og utviklet for implementering på ethvert medium og plattform, uavhengig av dets art og skjermstørrelse. Fra mobiltelefoner, nettbrett eller datamaskiner. Alle mulige støtter og destinasjoner støtter dette visuelle språket, og faktisk er dets transversalitet og kompatibilitet en av de viktigste ingrediensene.

Flat design er ikke det samme som Material Design

Selv om de deler mange vanlige punkter, for eksempel forpliktelsen til den mest rungende minimalismen, er det også enorme forskjeller mellom de to kodene. Imidlertid er de ikke inkompatible og kan absolutt kombineres perfekt for å oppnå de beste finishene, men vi vil snakke om det i et senere innlegg.