Materiálový design: Pohled na dnešní webový design

Jsou to téměř dva roky, co Google vyvinul a oznámil na konferenci I / O Google Materiálové provedení jako návrhové nařízení, které by bylo implementováno a které se sice nejprve zaměřovalo na reprodukci obsahu v operačním systému Android, ale mělo se stát trendem na webu a na jakékoli platformě, což dnes můžeme potvrdit. I když jsme to někdy zmínili, pravdou je, že jsme se nikdy nepřestali dívat do hloubky na toto kódování, takže dnes přezkoumáme jeho principy a jeho nejcharakterističtější vlastnosti.

Jaké jsou charakteristické rysy materiálového designu? Co to má společného s hnutím Flat Design?

Co říci o tomto trendu ve webdesignu?

Jeho název vychází z jeho nejpraktičtějšího smyslu, hmota nebo materiály musí být organizovány a strukturovány co nejúčinněji a vy se na to budete soustředit. Tento pohyb usiluje především o flexibilitu, ergonomii a schopnost složit a zjednodušit konstrukci webových stránek. Ale nejen prostorová dimenze bude zaujímat důležité místo, ale také ta časová, protože nyní budou prvky v určitých dobách zaujímat určité pozice, to znamená, že klíčovým faktorem bude také dynamika. Kromě toho budou tyto faktory nevyhnutelně vedeny intelektem a logikou, která nakonec povede k hledání realismu a prostorového znázornění fyzikální hmoty, ve skutečnosti bere v úvahu fyzikální zákony a s nimi prvky (obrazy, tlačítka, panely ...) se nemohou navzájem křížit, protože mají větší váhu a vizuální hustotu, místo toho se navzájem překrývají.

Pořádek, jasnost, čitelnost

Všechny tyto principy se samozřejmě odvíjejí od způsobu, jakým jsou grafické komponenty spravovány a distribuovány, včetně typografie, která bude především jasným čitelným řešením, textová struktura bude konvenční a plynulá, vizuální hierarchie motivovaná použitím více či méně silných tónů vytvářejících kontrasty, které budou také nuancovány velikostí a řádem.

Osvětlení a realismus

Logika se projevuje především v používání světelných efektů a řízení světel i stínů. Osvětlení je skvělým indikátorem blízkosti, relevance a situace, takže se stane základním nástrojem k ovlivnění hierarchie, o které jsme mluvili. Nyní budou tlačítka, obrázky a všechny prvky obsahovat stíny, které budou indikovat stupeň blízkosti a pomohou nám umístit se na webovou scénu.

Pohyb je nejúčinnějším nástrojem k upoutání pozornosti a vedení diváka

Jeho jazyk bude v očích uživatele zřejmý, grafický a poučný. Při výběru možnosti nebo nástroje se k nám přiblíží, rozšíří své rozměry a obráceně, když ji přestaneme používat. Položka také změní barvu nebo bliká, pokud bezprostředně potřebuje přilákat naši pozornost.

Rytmus, pořádek, jazyk

Nezapomínejme, že hluboko uvnitř mluvíme způsobem diskurzu. Projdeme si zdroje, které nám webdesign nabízí, a proto mají všechny technicko-expresivní parametry význam: Od pořadí vzhledu, například nejprve obrázků a poté plovoucích tlačítek, až po rychlost, jakou se objeví, jakým směrem dělají to a za jakým účelem se pohybují. To vše je důležité, protože nejen že je uživatel označen, odkud informace pocházejí, ale také je usnadněna cesta, prvky jsou uspořádány tak, aby byl proces čtení intuitivní, snadný a příjemný. Základním pilířem je nepochybně animace a dynamika.

Neomezené kódování

Všechny tyto principy nebo standardy, které prověřujeme, jsou navrženy a vyvinuty pro implementaci na jakémkoli médiu a platformě, bez ohledu na jejich povahu a velikost obrazovky, kterou představuje. Z mobilních telefonů, tabletů nebo počítačů. Všechny možné podpory a cíle podporují tento vizuální jazyk a ve skutečnosti je jeho příčnost a kompatibilita jednou z jeho základních ingrediencí.

Plochý design není stejný jako materiálový design

I když sdílejí mnoho společných bodů, například závazek k nejzvukovějšímu minimalismu, mezi těmito dvěma kódy existují také obrovské rozdíly. Nejsou však nekompatibilní a lze je určitě perfektně kombinovat, aby se dosáhlo nejlepších výsledků, ale o tom si povíme později.