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 konferenciju Material Design kao regulativa o dizajnu koja će se provoditi i koja je, premda je u početku bila usmjerena na reprodukciju sadržaja u Android operativnom sistemu, trebala postati trend na webu i na bilo kojoj platformi, nešto što danas možemo potvrditi. Iako smo ga ponekad spominjali, istina je da nikada nismo prestali detaljno vidjeti ovo kodiranje, pa ćemo danas pregledati njegove principe i njegove najkarakterističnije karakteristike.

Koje su ključne karakteristike dizajna materijala? Kakve to veze ima s pokretom Flat Design?

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

Ime mu dolazi iz najpraktičnijeg smisla, materiju ili materijale treba organizirati i strukturirati što efikasnije i usredotočit ćete se na to. Ovaj pokret traži prije svega fleksibilnost, ergonomiju 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, ovi će se faktori neizbježno voditi intelektom i logikom, što na kraju dovodi do potrage za realizmom i prostornim predstavljanjem fizičke materije, zapravo uzima u obzir zakone fizike i s njima elemente (slike, slike, dugmad, paneli ...) ne mogu se međusobno ukrštati jer imaju veću težinu i vizuelnu gustinu, već će se međusobno preklapati.

Redoslijed, preglednost, čitljivost

Svi ovi principi proizilaze 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 će biti konvencionalna i fluidna, vizualna hijerarhija motivirana upotrebom više ili manje jaki tonovi koji stvaraju kontraste koji će također biti nijansirani kroz veličinu i poredak.

Osvjetljenje 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, pa će ovo postati osnovno sredstvo za utjecaj na hijerarhiju o kojoj smo govorili. Sada će dugmad, slike i svi elementi imati sjene koje će ukazivati ​​na stepen blizine i pomoći će nam da se postavimo na web scenu.

Pokret je najučinkovitiji alat za privlačenje pažnje i usmjeravanje gledatelja

Njegov će jezik biti očigledan, 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 prestanemo s korištenjem. Također, stavka će promijeniti boju ili trepnuti 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će tipke, do brzine kojom se pojavljuju, u kojem smjeru oni to rade i s kojim ciljem se kreću. Sve je ovo važno, jer ne samo da je korisniku naznačeno odakle informacije dolaze, već je i putovanje olakšano, elementi su raspoređeni kako bi postupak čitanja učinio intuitivnim, laganim i ugodnim. Nesumnjivo su animacija i dinamičnost osnovni stub.

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 prirodu i veličinu ekrana koji predstavljaju. Sa mobilnih telefona, tableta ili računara. Sve moguće potpore i odredišta podržavaju ovaj vizualni jezik i zapravo je njegova transverzalnost i kompatibilnost jedan od njegovih bitnih sastojaka.

Ravni dizajn nije isto što i dizajn materijala

Iako dijele mnoge zajedničke točke, poput zalaganja za najzvučniji minimalizam, između oba koda postoje i ogromne razlike. Međutim, oni nisu nekompatibilni i sigurno se mogu savršeno kombinirati kako bi se postigle najbolje završne obrade, ali o tome ćemo u kasnijem postu.