Dizajn materijala: Pogled na današnji web dizajn

Prošle su gotovo dvije godine otkako je Google razvio i objavio na Google I / O konferenciji materijal dizajn kao regulativa o dizajnu koja će se provoditi i koja je, premda je isprva bila usmjerena na reprodukciju sadržaja u Android operativnom sustavu, trebala postati trend na webu i na bilo kojoj platformi, nešto što danas možemo potvrditi. Iako smo ga povremeno spominjali, istina je da nikada nismo prestali detaljno vidjeti ovo kodiranje, pa ćemo danas pregledati njegove principe i njegove najkarakterističnije značajke.

Koje su definirajuće značajke dizajna materijala? Kakve to veze ima s pokretom Flat Design?

Što reći o ovom trendu u web dizajnu?

Ime mu dolazi iz najpraktičnijeg smisla, materiju ili materijale treba organizirati i strukturirati što učinkovitije i usredotočit ćete se na to. Ovim se pokretom prije svega traži fleksibilnost, ergonomija i sposobnost presavijanja i pojednostavljivanja izrade web stranice. Ali ne samo da će prostorna dimenzija zauzimati važno mjesto, već i vrijeme, budući da će sada elementi zauzimati određene položaje u određeno vrijeme, odnosno dinamičnost će također biti ključni faktor. Uz to, ti će se čimbenici neizbježno voditi intelektom i logikom, što na kraju dovodi do potrage za realizmom i prostornim prikazom fizičke materije, zapravo uzima u obzir zakone fizike i s njima elemente (slike, slike, gumbi, paneli ...) ne mogu se međusobno križati jer imaju veću težinu i vizualnu gustoću, već će se međusobno preklapati.

Redoslijed, preglednost, čitljivost

Sva ta načela proizlaze naravno iz načina na koji se grafičkim komponentama upravlja i distribuira, uključujući tipografiju, koja će prije svega biti jasno čitljivo rješenje, tekstualna struktura bit će konvencionalna i fluidna, vizualna hijerarhija motivirana uporabom više ili manje jaki tonovi koji stvaraju kontraste koji će također biti nijansirani kroz veličinu i poredak.

Rasvjeta i realizam

Logika se očituje prije svega u korištenju svjetlosnih efekata i upravljanju svjetlima i sjenama. Osvjetljenje je sjajan pokazatelj blizine, relevantnosti i situacije, zbog čega će postati temeljni alat za utjecaj na hijerarhiju o kojoj smo govorili. Sada će gumbi, slike i svi elementi imati sjene koje će ukazivati ​​na stupanj blizine i pomoći će nam da se postavimo na web scenu.

Pokret je najučinkovitiji alat za privlačenje pozornosti i usmjeravanje gledatelja

Njegov će jezik biti očit, slikovit i prosvjetljujuć u očima korisnika. Pri odabiru opcije ili alata približit će nam se, proširujući svoje dimenzije i obrnuto kad ga prestanemo koristiti. Također, predmet će promijeniti boju ili treptati ako apsolutno treba privući našu pažnju.

Ritam, poredak, jezik

Ne zaboravimo da duboko u sebi govorimo u modusu diskursa. Prolazimo kroz resurse koje nam nudi web dizajn i stoga svi tehničko-izražajni parametri imaju značenje: od redoslijeda izgleda, na primjer prvo slike, a zatim plutajući gumbi, do brzine kojom se pojavljuju, u kojem smjeru oni to rade i s kojim ciljem se kreću. Sve je to važno, jer ne samo da je korisnik naznačen odakle informacije dolaze, već je i putovanje olakšano, elementi su poredani kako bi postupak čitanja učinio intuitivnim, laganim i ugodnim. Nedvojbeno je animacija i dinamičnost osnovni stup.

Neograničeno kodiranje

Svi ovi principi ili standardi koje pregledavamo dizajnirani su i razvijeni za primjenu na bilo kojem mediju i platformi, bez obzira na njihovu prirodu i veličinu zaslona koje predstavljaju. S mobilnih telefona, tableta ili računala. Sve moguće potpore i odredišta podržavaju ovaj vizualni jezik, a zapravo je njegova transverzalnost i kompatibilnost jedan od njegovih bitnih sastojaka.

Ravan dizajn nije isto što i dizajn materijala

Iako dijele mnoge zajedničke točke, poput predanosti najzvučnijem minimalizmu, između oba koda postoje i ogromne razlike. Međutim, oni nisu nekompatibilni i zasigurno se mogu savršeno kombinirati za postizanje najboljih završnih obrada, ali o tome ćemo u kasnijem postu.