Materjalikujundus: pilk tänasele veebidisainile

Google'i väljatöötamisest ja Google I / O konverentsil välja kuulutamisest on möödunud peaaegu kaks aastat Materjal Design kujundusmäärusena, mis rakendataks ja et kuigi algul keskendus see Androidi operatsioonisüsteemi sisu taasesitamisele, kavatseti sellest saada trend veebis ja mis tahes platvormil, mida võime täna kinnitada. Kuigi me oleme seda aeg-ajalt maininud, on tõsi see, et me pole kunagi peatunud selle kodeerimise sügavuti nägemiseks, nii et täna vaatame selle põhimõtted ja kõige iseloomulikumad omadused üle.

Millised on materjali kujunduse iseloomulikud tunnused? Mida see on seotud Flat Design liikumisega?

Mida öelda selle veebidisaini trendi kohta?

Selle nimi tuleneb selle kõige praktilisemast tähendusest, materjal või materjalid tuleb korraldada ja struktureerida nii tõhusalt kui võimalik ja te keskendute sellele. Selle liikumisega taotletakse ennekõike paindlikkust, ergonoomikat ja võimet voltida ja lihtsustada veebisaidi ülesehitust. Kuid mitte ainult ruumiline mõõde ei hõivata olulist kohta, vaid ka aeg, sest nüüd hõivavad elemendid teatud aegadel teatud positsioone, see tähendab, et ka dünaamika on võtmetegur. Lisaks juhivad need tegurid möödapääsmatult intellekti ja loogikat, mis lõpuks viib realismi otsimiseni ja füüsilise aine ruumilise kujutamiseni, tegelikult võtab see arvesse füüsikaseadusi ja koos sellega ka elemente (pilte, nupud, paneelid ...) ei saa üksteist ületada, kuna neil on suurem kaal ja visuaalne tihedus, selle asemel, mida nad teevad, kattuvad üksteisega.

Järjekord, selgus, loetavus

Kõik need põhimõtted tulenevad loomulikult sellest, kuidas graafilisi komponente hallatakse ja levitatakse, sealhulgas tüpograafia, mis on ennekõike selge loetav lahendus, tekstistruktuur on tavapärane ja sujuv, visuaalne hierarhia, mis on motiveeritud enam-vähem tugevad toonid, mis tekitavad kontraste, mis on ka nüansseeritud suuruse ja järjekorra kaudu.

Valgustus ja realism

Loogika avaldub ennekõike valgusefektide kasutamises ning nii valguste kui varjude haldamises. Valgustus on suurepärane läheduse, asjakohasuse ja olukorra näitaja, nii et see saab põhiliseks vahendiks selle hierarhia mõjutamiseks, millest me rääkisime. Nüüd on nuppudel, piltidel ja kõigil elementidel varjud, mis näitavad läheduse astet ja aitavad meil end veebilaval positsioneerida.

Liikumine on kõige tõhusam vahend tähelepanu püüdmiseks ja vaataja suunamiseks

Selle keel on kasutaja silmis ilmne, graafiline ja valgustav. Valiku või tööriista valimisel läheneb see meile, laiendades selle mõõtmeid ja vastupidi, kui me selle kasutamise lõpetame. Samuti muudab ese värvi või vilgub, kui see peab tingimata meie tähelepanu köitma.

Rütm, kord, keel

Ärgem unustagem, et sisimas räägime diskursuserežiimis. Vaatame läbi ressursse, mida veebidisain meile pakub, ja seetõttu on kõigil tehnilis-väljendusrikkadel parameetritel tähendus: alates välimusest, näiteks kõigepealt piltidest ja seejärel hõljuvatest nuppudest, kuni nende ilmumise kiiruseni, mis suunas nad teevad seda ja mis eesmärgil nad liiguvad. Kõik see on oluline, sest kasutajale pole mitte ainult märgitud, kust teave pärineb, vaid ka reisimine on hõlbustatud, elemendid on paigutatud selleks, et muuta lugemisprotsess intuitiivseks, lihtsaks ja nauditavaks. Animatsioon ja dünaamilisus on kahtlemata põhisammas.

Piiramatu kodeerimine

Kõik need põhimõtted või standardid, mida me üle vaatame, on loodud ja välja töötatud rakendamiseks mis tahes meediumil ja platvormil, olenemata selle olemusest ja ekraanisuurusest. Mobiiltelefonidest, tahvelarvutitest või arvutitest. Kõik võimalikud toed ja sihtkohad toetavad seda visuaalset keelt ning tegelikult on selle ristvärtus ja ühilduvus üks selle olulisi koostisosi.

Lamekujundus ei ole sama mis materjalide disain

Kuigi neil on palju ühiseid punkte, näiteks pühendumine kõige kõlavamale minimalismile, on mõlema koodi vahel ka tohutuid erinevusi. Kuid need pole omavahel kokkusobimatud ja neid saab kindlasti täiuslikult kombineerida, et saada parim viimistlus, kuid sellest räägime hilisemas postituses.