Material Design: Pogled na današnje spletno oblikovanje

materialno oblikovanje

Minilo je skoraj dve leti, odkar je Google razvil in na konferenci Google I / O objavil konferenco Material Oblikovanje kot uredba o oblikovanju, ki bi se izvajala in ki naj bi bila sicer usmerjena v reprodukcijo vsebine v operacijskem sistemu Android, vendar naj bi postala trend v spletu in na kateri koli platformi, kar lahko danes potrdimo. Čeprav smo ga občasno že omenili, je resnica, da se tega kodiranja še nikoli nismo ustavili, zato bomo danes pregledali njegova načela in njegove najbolj značilne lastnosti.

Katere so značilnosti materialnega oblikovanja? Kakšne povezave ima gibanje Flat Design?

Kaj naj rečem o tem trendu pri spletnem oblikovanju?

Njegovo ime izhaja iz najbolj praktičnega pomena, snov ali materiale je treba organizirati in strukturirati čim bolj učinkovito, na kar se boste osredotočili. To gibanje išče predvsem prilagodljivost, ergonomijo in zmožnost zlaganja in poenostavitve izdelave spletnega mesta. A ne samo prostorska razsežnost bo zavzela pomembno mesto, ampak tudi čas, saj bodo elementi zdaj zavzeli določene položaje ob določenem času, to je tudi dinamičnost bo ključni dejavnik. Poleg tega bosta te dejavnike neizogibno vodila intelekt in logika, kar na koncu pripelje do iskanja realizma in prostorske predstavitve fizikalne snovi, dejansko upošteva zakone fizike in s tem tudi elemente (slike, gumbi, plošče ...) se ne morejo križati, ker imajo večjo težo in vizualno gostoto, namesto tega se bodo prekrivali.

Vrstni red, jasnost, berljivost

Vsa ta načela izhajajo seveda iz načina upravljanja in distribucije grafičnih komponent, vključno s tipografijo, ki bo predvsem jasno berljiva rešitev, tekstualna struktura bo običajna in tekoča, vizualna hierarhija, ki jo motivira uporaba bolj ali manj močnih tonov, ki ustvarjajo kontraste, ki bodo prav tako niansirani glede na velikost in vrstni red.

Razsvetljava in realizem

Logika se kaže predvsem v uporabi svetlobnih učinkov in upravljanju tako luči kot sence. Osvetlitev je odličen pokazatelj bližine, ustreznosti in razmer, zato bo postala temeljno orodje za vplivanje na hierarhijo, o kateri smo govorili. Zdaj bodo gumbi, slike in vsi elementi imeli sence, ki bodo prikazovale stopnjo bližine in nam bodo pomagale, da se postavimo na spletni oder.

Gibanje je najučinkovitejše orodje za pritegnitev pozornosti in usmerjanje gledalca

Njegov jezik bo v očeh uporabnika očiten, grafičen in razsvetljujoč. Pri izbiri možnosti ali orodja se bo približal nam, razširil svoje dimenzije in obratno, ko ga bomo prenehali uporabljati. Tudi element bo spremenil barvo ali utripal, če bo nujno pritegnil našo pozornost.

Ritem, vrstni red, jezik

Ne pozabimo, da globoko v sebi govorimo v načinu govora. Pregledujemo vire, ki nam jih ponuja spletno oblikovanje, zato imajo vsi tehnično-izrazni parametri pomen: od vrstnega reda videza, na primer najprej slik in nato plavajočih gumbov, do hitrosti, s katero se pojavijo, v katero smer to storijo in do katerega cilja se premaknejo. Vse to je pomembno, ker uporabnik ne samo navede, od kod prihajajo informacije, temveč tudi olajša potovanje, elementi so razporejeni tako, da je bralni postopek intuitiven, enostaven in prijeten. Nedvomno sta animacija in dinamičnost osnovni steber.

Neomejeno kodiranje

Vsa ta načela ali standardi, ki jih pregledujemo, so zasnovana in razvita za izvajanje na katerem koli mediju in platformi, ne glede na njihovo naravo in velikost zaslona, ​​ki jo predstavljajo. Od mobilnih telefonov, tablic ali računalnikov. Vse možne podpore in cilji podpirajo ta vizualni jezik, njegova transverzalnost in združljivost pa sta pravzaprav ena njegovih bistvenih sestavin.

Ploščati dizajn ni enak materialnemu oblikovanju

Čeprav imata veliko skupnih točk, na primer zavezanost najodmevnejšemu minimalizmu, obstajajo tudi ogromne razlike med obema kodeksoma. Vendar niso nezdružljivi in ​​jih je vsekakor mogoče popolnoma kombinirati, da dosežemo najboljše zaključke, vendar bomo o tem govorili v kasnejši objavi.


Pustite svoj komentar

Vaš e-naslov ne bo objavljen. Obvezna polja so označena z *

*

*

  1. Za podatke odgovoren: Miguel Ángel Gatón
  2. Namen podatkov: Nadzor neželene pošte, upravljanje komentarjev.
  3. Legitimacija: Vaše soglasje
  4. Sporočanje podatkov: Podatki se ne bodo posredovali tretjim osebam, razen po zakonski obveznosti.
  5. Shranjevanje podatkov: Zbirka podatkov, ki jo gosti Occentus Networks (EU)
  6. Pravice: Kadar koli lahko omejite, obnovite in izbrišete svoje podatke.

  1.   Jerko Alfaro je dejal

    Fran, tvoja publikacija se mi je zdela zelo zanimiva. O tej temi v španščini ni veliko informacij. Torej, če vas zanima, imam na svojem blogu španski prevod specifikacije Material Design. Tako kot vas tudi mene zanima, da informacije dosežejo največje število ljudi, da jih lahko izkoristijo.

    pozdrav

  2.   studio za grafično oblikovanje je dejal

    Zelo dober članek !! Nisem vedel ničesar o "Material Design", ampak o "Flat Design", če le za osebni okus. Poskušal bom upoštevati nekaj nasvetov.

    pozdrav
    David