Materialdesign: En titt på dagens webbdesign

Det har gått nästan två år sedan Google utvecklade och tillkännagav på Google I / O-konferensen material design som en designregler som skulle implementeras och att även om det ursprungligen var fokuserat på reproduktion av innehåll i Android-operativsystemet, var det avsett att bli en trend på webben och på vilken plattform som helst, något som vi kan bekräfta idag. Även om vi har nämnt det ibland, är sanningen att vi aldrig har slutat att se denna kodning på djupet, så idag ska vi se över dess principer och dess mest karakteristiska egenskaper.

Vilka är de definierande egenskaperna hos materialdesign? Vad har det med Flat Design-rörelsen att göra?

Vad ska jag säga om denna trend inom webbdesign?

Dess namn kommer från sin mest praktiska känsla, materia eller material måste organiseras och struktureras så effektivt som möjligt och du kommer att fokusera på det. Denna rörelse strävar framför allt efter flexibilitet, ergonomi och förmågan att fälla och förenkla byggandet av en webbplats. Men inte bara den rumsliga dimensionen kommer att inta en viktig plats utan också tidens, eftersom elementen nu kommer att inta vissa positioner vid vissa tider, det vill säga dynamik kommer också att vara en nyckelfaktor. Dessutom kommer dessa faktorer oundvikligen att styras av intellektet och logiken, som slutligen leder till en sökning efter realism och den fysiska materiens rumsliga representation, i själva verket tar det hänsyn till fysikens lagar och därmed elementen (bilder, knappar, paneler ...) kan inte korsa varandra eftersom de har större vikt och visuell densitet, i stället överlappar de varandra.

Ordning, tydlighet, läsbarhet

Alla dessa principer härrör naturligtvis från det sätt på vilket de grafiska komponenterna hanteras och distribueras, inklusive typografin, som framför allt kommer att vara en tydlig läsbar lösning, textstrukturen kommer att vara konventionell och flytande, visuell hierarki motiverad av användningen av mer eller mindre starka toner som genererar kontraster som också kommer att nyanseras genom storlek och ordning.

Belysning och realism

Logiken manifesteras framför allt i användningen av ljuseffekter och hanteringen av både ljus och skuggor. Ljus är en bra indikator på närhet, relevans och situation, varför det kommer att bli ett grundläggande verktyg för att påverka den hierarki vi pratade om. Nu kommer knappar, bilder och alla element att ha skuggor som indikerar graden av närhet och hjälper oss att positionera oss på webbscenen.

Rörelse är det mest effektiva verktyget för att fånga uppmärksamheten och vägleda tittaren

Dess språk kommer att vara uppenbart, grafiskt och upplysande i användarens ögon. När du väljer ett alternativ eller verktyg kommer det att närma oss oss, utvidga dess dimensioner och vice versa när vi slutar använda det. Ett objekt kommer också att ändra färg eller blinka om det absolut behöver locka vår uppmärksamhet.

Rytm, ordning, språk

Låt oss inte glömma att vi talar djupt ner i ett sätt att diskutera. Vi går igenom de resurser som webbdesign erbjuder oss och därför har alla de tekniskt uttrycksfulla parametrarna en betydelse: Från ordningen på utseendet, till exempel först bilderna och sedan de flytande knapparna, till den hastighet med vilken de visas, i vilken riktning de gör det och i vilket syfte de rör sig. Allt detta är viktigt eftersom inte bara användaren anges var informationen kommer ifrån, utan också resan underlättas, elementen är ordnade för att göra läsningsprocessen intuitiv, enkel och rolig. Utan tvekan är animering och dynamik en grundpelare.

Obegränsad kodning

Alla dessa principer eller standarder som vi granskar är utformade och utvecklade för implementering på alla medier och plattformar, oavsett dess karaktär och skärmstorlek. Från mobiltelefoner, surfplattor eller datorer. Alla möjliga stöd och destinationer stöder detta visuella språk och i själva verket är dess transversalitet och kompatibilitet en av dess viktigaste ingredienser.

Platt design är inte samma sak som Material Design

Även om de delar en hel del gemensamt, såsom engagemanget för den mest rungande minimalismen, finns det också enorma skillnader mellan båda koderna. De är dock inte oförenliga och kan säkert kombineras perfekt för att få de bästa finishen, men vi kommer att prata om det i ett senare inlägg.