Material Design: Pohľad na dnešný webdizajn

Sú to už takmer dva roky, čo Google vyvinul a ohlásil na konferencii Google I / O materiál dizajn ako návrhové nariadenie, ktoré sa bude implementovať, a hoci sa spočiatku zameriavalo na reprodukciu obsahu v operačnom systéme Android, malo sa stať trendom na webe a na akejkoľvek platforme, čo dnes môžeme potvrdiť. Aj keď sme to niekedy spomenuli, pravdou je, že sme sa nikdy neprestali pozerať na toto kódovanie do hĺbky, takže dnes preskúmame jeho princípy a najcharakteristickejšie vlastnosti.

Aké sú charakteristické vlastnosti materiálového dizajnu? Čo to má spoločné s hnutím Flat Design?

Čo povedať o tomto trende vo webdizajne?

Jeho názov pochádza z najpraktickejšieho zmyslu, hmota alebo materiály musia byť usporiadané a štruktúrované čo najefektívnejším spôsobom a vy sa na ne zameriate. Toto hnutie usiluje predovšetkým o flexibilitu, ergonómiu a schopnosť zloženia a zjednodušenie konštrukcie webovej stránky. Ale nielen priestorová dimenzia bude zaujímať dôležité miesto, ale aj tá časová, pretože teraz budú prvky v určitých obdobiach obsadzovať určité polohy, to znamená, že kľúčovým faktorom bude aj dynamika. Okrem toho sa tieto faktory budú nevyhnutne riadiť intelektom a logikou, ktorá nakoniec povedie k hľadaniu realizmu a priestorového zobrazenia fyzickej hmoty, v skutočnosti zohľadňuje fyzikálne zákony a s nimi aj prvky (obrazy, tlačidlá, panely ...) sa nemôžu krížiť, pretože majú väčšiu váhu a vizuálnu hustotu, namiesto toho sa navzájom prekrývajú.

Poriadok, prehľadnosť, čitateľnosť

Všetky tieto princípy samozrejme vyplývajú zo spôsobu riadenia a distribúcie grafických komponentov, vrátane typografie, ktorá bude predovšetkým jasným čitateľným riešením, textová štruktúra bude konvenčná a plynulá, vizuálna hierarchia motivovaná použitím viac či menej výrazných tónov generujúcich kontrasty, ktoré budú tiež jemné a jemné podľa veľkosti a usporiadania.

Osvetlenie a realizmus

Logika sa prejavuje predovšetkým v použití svetelných efektov a správe svetiel aj tieňov. Osvetlenie je skvelým indikátorom blízkosti, relevantnosti a situácie, a preto sa stane základným nástrojom na ovplyvnenie hierarchie, o ktorej sme hovorili. Teraz budú mať tlačidlá, obrázky a všetky prvky tiene, ktoré naznačujú stupeň blízkosti a pomôžu nám umiestniť sa na webovú scénu.

Pohyb je najúčinnejším nástrojom na upútanie pozornosti a vedenie diváka

Jeho jazyk bude v očiach používateľa zrejmý, grafický a poučný. Pri výbere možnosti alebo nástroja sa k nám priblíži, rozšíri svoje rozmery a obrátene, keď ho prestaneme používať. Položka tiež zmení farbu alebo bude blikať, ak nevyhnutne potrebuje prilákať našu pozornosť.

Rytmus, poriadok, jazyk

Nezabúdajme, že hlboko vnútri hovoríme spôsobom diskurzu. Prejdeme si zdroje, ktoré nám webdizajn ponúka, a preto majú všetky technicko-expresívne parametre význam: Od poradia vzhľadu, napríklad najskôr obrázkov a potom plávajúcich tlačidiel, až po rýchlosť, akou sa zobrazia, akým smerom robia to a za akým účelom sa posúvajú. To všetko je dôležité, pretože nielen používateľ je označený, odkiaľ informácie pochádzajú, ale je uľahčená aj cesta, prvky sú usporiadané tak, aby bol proces čítania intuitívny, ľahký a príjemný. Animácia a dynamika sú bezpochyby základným pilierom.

Neobmedzené kódovanie

Všetky tieto princípy alebo štandardy, ktoré kontrolujeme, sú navrhnuté a vyvinuté na implementáciu na akomkoľvek médiu a platforme bez ohľadu na ich povahu a veľkosť obrazovky, ktorú predstavuje. Z mobilných telefónov, tabletov alebo počítačov. Všetky možné podpory a ciele podporujú tento vizuálny jazyk a jeho priečnosť a kompatibilita je v skutočnosti jednou z jeho základných zložiek.

Plochý dizajn nie je to isté ako materiálové prevedenie

Aj keď zdieľajú veľa spoločného, ​​napríklad záväzok k najzvučnejšiemu minimalizmu, medzi týmito dvoma kódexmi sú aj obrovské rozdiely. Nie sú však nekompatibilné a dajú sa určite perfektne kombinovať, aby sa dosiahli čo najlepšie výsledky, ale o tom si povieme v neskoršom príspevku.