Anyagtervezés: egy pillantás a mai webdesignra

Közel két év telt el azóta, hogy a Google kifejlesztette és bejelentette a Google I / O konferencián Anyagok tervezési mint tervezési rendelet, amelyet végre kell hajtani, és bár kezdetben az Android operációs rendszer tartalmának reprodukciójára összpontosított, a weben és bármely platformon trenddé akarták válni, amit ma megerősíthetünk. Bár alkalmanként említettük, az az igazság, hogy soha nem álltunk meg, hogy mélyebben lássuk ezt a kódolást, ezért ma át fogjuk tekinteni annak elveit és legjellemzőbb jellemzőit.

Melyek az anyagtervezés meghatározó jellemzői? Mi köze van a Flat Design mozgalomhoz?

Mit kell mondani erről a webdesign trendről?

A neve a legpraktikusabb értelméből származik, az anyagot vagy anyagokat a lehető leghatékonyabban kell megszervezni és strukturálni, és Ön erre fog koncentrálni. Ez a mozgás mindenekelőtt a rugalmasságra, az ergonómiára és a weboldal összehajtásának és egyszerűsítésének képességére törekszik. De nemcsak a térbeli dimenzió fog fontos helyet elfoglalni, hanem az idő is, mivel most az elemek bizonyos időpontokban bizonyos pozíciókat foglalnak el, vagyis a dinamizmus is kulcsfontosságú tényező lesz. Ezenkívül ezeket a tényezőket menthetetlenül az értelem és a logika vezérli, amely végül a realizmus kereséséhez és a fizikai anyag térbeli ábrázolásához vezet, valójában figyelembe veszi a fizika törvényeit és ezzel együtt az elemeket (képeket, gombok, panelek ...) nem keresztezhetik egymást, mert nagyobb a súlyuk és a vizuális sűrűségük, ehelyett azt csinálják, hogy átfedik egymást.

Rend, egyértelműség, olvashatóság

Mindezek az elvek természetesen abból fakadnak, ahogyan a grafikus összetevőket kezelik és elosztják, beleértve a tipográfiát is, amely mindenekelőtt egyértelmű olvasható megoldás lesz, a szövegszerkezet konvencionális és gördülékeny, vizuális hierarchiát a használat motivál többé-kevésbé erős hangok alkotják a kontrasztokat, amelyeket a méret és a sorrend is árnyalni fog.

Világítás és realizmus

A logika mindenekelőtt a fényhatások alkalmazásában, valamint a fények és árnyékok kezelésében nyilvánul meg. A világítás nagyszerű mutatója a közelségnek, a relevanciának és a helyzetnek, éppen ezért alapvető eszközzé válik a hierarchia, amelyről beszéltünk, befolyásolására. Most a gomboknak, a képeknek és az összes elemnek olyan árnyékai lesznek, amelyek jelzik a közelség mértékét, és segítenek abban, hogy elhelyezzük magunkat a web színpadon.

A mozgás a leghatékonyabb eszköz a figyelem felkeltésére és a néző irányítására

Nyelve nyilvánvaló, grafikus és felvilágosító lesz a felhasználó szemében. Az opció vagy eszköz kiválasztásakor meg fog keresni minket, kibővítve a méreteit és fordítva, ha abbahagyjuk a használatát. Ezenkívül egy elem megváltoztatja a színét vagy villog, ha feltétlenül fel kell hívnia a figyelmünket.

Ritmus, rend, nyelv

Ne felejtsük el, hogy legbelül mélyen beszédmódban beszélünk. Átnézzük azokat az erőforrásokat, amelyeket a webdesign kínál számunkra, és ezért az összes technikai-kifejező paraméternek van jelentése: A megjelenés sorrendjétől kezdve, például először a képeken, majd az úszó gombokon át a megjelenés sebességéig, milyen irányba megteszik és milyen célból mozognak. Mindez azért fontos, mert nemcsak a felhasználót jelölik meg, honnan származnak az információk, hanem az utazást is megkönnyítik, az elemeket elrendezik annak érdekében, hogy az olvasási folyamat intuitív, könnyű és élvezetes legyen. Kétségtelen, hogy az animáció és a dinamizmus alapvető pillér.

Korlátlan kódolás

Ezeket az általunk áttekintett elveket vagy szabványokat bármilyen médiumon és platformon való megvalósításra tervezték és fejlesztették, függetlenül annak jellegétől és a képernyő méretétől. Mobiltelefonokról, táblagépekről vagy számítógépekről. Minden lehetséges támogatás és rendeltetési hely támogatja ezt a vizuális nyelvet, és valójában transzverzalitása és kompatibilitása az egyik alapvető összetevője.

A lapos kialakítás nem azonos az Anyagtervezéssel

Noha jó néhány közös pontban megegyeznek, például a leghangzatosabb minimalizmus iránti elkötelezettség, mindkét kódex között óriási különbségek vannak. Ezek azonban nem összeférhetetlenek, és minden bizonnyal tökéletesen kombinálhatók a legjobb befejezés érdekében, de erről egy későbbi bejegyzésben fogunk beszélni.