Anyagtervezés

Anyagtervezés
Roman Purik

A Google Matias Duarte (Matias Duarte) tervező alelnöke a The Verge-ban készített interjúban elmondja az új design fő elveit, melynek neve Anyag. Ez egy teljesen más megközelítés, amely egységes szabálykészletet biztosít a szoftver típusától a funkciókig. Bár a design kissé furcsának tűnik, és hozzá kell szokni.

A Google tervezőinek csapata úgy érezte, hogy szükség van a szoftver egyetlen megjelenítésére és funkcionalitására, amelyet minden termékben felhasználhat: Android, Chrome OS, webes szolgáltatások. Ahelyett, hogy egy színpaletta kidolgozásával kezdett volna, a következő kérdéssel kezdték el: "Mi ez a szoftver? "

Anyag és forma

A válasz jött a tervezési osztály, ahol Jon Wiley (Jon Wiley), vezető tervező, a Google kereső, és kollégája, Nyikolaj Zhitkoff (Nicholas Jitcoff) Google Asszisztens design. Megnézték a kártya felületét, és azt gondolták: "És ha áthelyezi a kártyát, akkor mi van mögötte?"

"Ez az ártatlan kérdés erőteljes szikrát váltott ki! "Mondta Duarte. Az egész csapat elkezdett gondolkodni egy újfajta interakcióval a programelemekkel. Ahelyett, hogy egyszerűen képpontokat használnának a képernyőn és az absztrakt rétegeket, a csapat kezdett a valóságos objektumról beszélni. Ezért a kártyáknak fizikai tulajdonságokkal kell rendelkezniük. Itt az ideje, hogy dolgozzon ki olyan szabályokat, amelyek meghatározzák, hogyan működjön minden a képernyőn. A csapat azt akarta elérni, hogy a felhasználó kölcsönhatásba lépjen a fizikai objektumokkal.

Így a munka a papírra emlékeztető metaforikus anyaggal kezdődött - sík és fehér, reális árnyékokkal. Ez volt az a mag, amelyből nőtt a többi design, amelynek végrehajtása látható Android L. Material Design - egy merész, élénk színek, a minimalizmus és egyfajta rendet.

Kreativitás és korlátozások

A szuperszonikus sebességeken nem rohanunk át a téren és az időn. Design - a megoldások keresése szoros korlátok között. A design művészet.

A Google tervezői folyamatosan elutasítják a használt fiktív anyag megnevezését. Olyan megoldás, amely egyidejűleg nagyobb rugalmasságot biztosít és növeli a metafizikai miszticizmus szintjét az anyaghoz. Quantum papír - így a Google I / O előtt szivárgott. Ez azért fontos, mert az anyag fizikailag függ, és nem esik a skewomorfizmus csapdájába. Ez nem a fizikai tárgyak utánzása, ahogy Duarte mondja, ez valami "mágikus".

A tervünkben szereplő anyag megteheti, amit a fizikai papír nem, például növelheti és csökkentheti az animációk segítségével. Ezek az animációk fontosak a Google számára, mert segítenek a felhasználóknak abban, hogy megértik, hogy a szoftver belsejében vannak. Wylie összehasonlítja a szoftvert olyan filmekkel, ahol éles ugrások vannak a jelenetek között. A felhasználó elveszíti az idő és a tér érzését. A szoftverekben fontos, hogy a felhasználó megértse az áttérés elveit egyikről a másikra.

megvalósul

Egy másik fontosabb dolog, amit az Anyagterv bevezet, az egyesítés. A Google már évek óta foglalkozik az összes termék algoritmusával, és az új tervfilozófia szerves részévé vált. Ehelyett a felhasználó beállítani egymaga, Material Design hisszük, hogy látni fogja a képernyőn, hogy szükség van a megfelelő időben.

Ezért az Android Wear nem ad a felhasználóknak semmit, csak az értesítésekkel való kapcsolattartást. Alex Faaborg, platformtervező szerint:

Nem sok időt töltesz az órával. Csak azt szeretné tudni, hogy nézze meg a csuklóját, és azonnal megkapja a szükséges információkat, vagy cselekvést végezzen egy hangutasítás segítségével. Hatalmas munkát végeztünk az egész Google-platform számára.

Kéri a Google túl sok bizalmat maga és „mágikus” papír anyaga, de Duarte meg arról, hogy jó oka van.

Mi azért tettük, mert ez a legegyszerűbb megoldás. A felhasználó számára a legegyszerűbb kialakítást szeretnénk megtervezni.

Az Anyagtervezés sokkal több, mint az Android L, az Android Wear és minden más, a Google-ban szereplő design. Arról szól, hogy milyen érzés tapasztalható az ember és a technológia viszonyában.

Duarte szerint a Xerox PARC ragyogó munkát végzett, megteremtve az ismerős ablakok és a kurzor használatának alapelveit. Ez egy újítás volt, mert a vállalat sikerült egy virtuális verziót létrehozni egy igazi asztalon. Az emberek megértették, hogyan működik a számítógép, és kényelmesen dolgozhat vele. Ez vonatkozik arra is, amit az Apple érintőképernyőkkel csinált.

Most a Google úgy véli, hogy sikerült ugyanezt tenni. Wylie azt mondja, hogy ma az emberek sok technológiával rendelkeznek: érintőképernyők, gesztusok, hangparancsok, intelligens algoritmusok. Az Anyagszerkezet mindezen sokszínűséget egyetlen intuitív dologgá formálja. Ezzel könnyedén használhatja ugyanezt a Chrome OS, Android vagy az interneten.

9 elveket

1. Az anyag metaforája

Anyagtervezés olyan rendszer, amely racionalizálja a helyet és a mozgást. A design a tapintható valóságon alapul, amelyet a papír és a tinta lehetőségei inspirálnak, de nyitott a képzelet és a mágia.

Anyagtervezés

2. A felületek intuitívak

A sík és a szemek a valóság felfogásán alapuló vizuális jeleket közvetítenek. Az ismert tapintható tulajdonságok segítségével hozzáférhet az agyunk elsődleges részeihez, és segít gyorsan megérteni az "elképzelteket".

Anyagtervezés

3. A dimenzió kölcsönhatást eredményez

A tárgyak kölcsönhatásának kulcsfontosságú a fény, a felület és a mozgás alapja. A valóságos világítás osztja a helyet, és kiemeli a mozgó alkatrészek figyelmét.

Anyagtervezés

4. Egyetlen adaptív kialakítás

Egyetlen design mindennek. Minden eszköz tükrözi ugyanazon alapvető elemek nézetét. Minden nézet az egyes eszközök méretéhez és kölcsönhatásához igazodik. A színek, az ikonográfia, a hierarchia és a térbeli kapcsolatok változatlanok maradnak.

Anyagtervezés

5. Betűtípusok, grafikák, színek

A megkülönböztetett tervezés hierarchiát, megértést és figyelemfelkeltést hoz létre. A speciálisan kiválasztott színek, a széltől szélig terjedő területek használata, a nagy betűkészletek és a szándékos / szándékos fehér használata lehetővé teszi, hogy teljesen átmerüljön a felhasználó az interakciós folyamatban, hogy világosabb és érthetőbb legyen.

Anyagtervezés

6. Elsődleges akciók

A felhasználói művelet a tervezés lényege. Az elsődleges tevékenységek átformálják az egész tervet. A fő funkciókra összpontosítanak, és azonnal elkapják a felhasználó szemét.

Anyagtervezés

7. A felhasználók kezdeményeznek változtatásokat

A kezelőfelületen végrehajtott változtatások a felhasználói műveletekből származnak. A mozgás növeli az elsődleges cselekvés tapasztalatait.

Anyagtervezés

8. Animációs koreográfia

Minden tevékenység egyetlen környezetben zajlik. Azok a tárgyak, amelyeket a felhasználó lát, nem sértik meg a felhasználás többi élményét az átalakítások és az átszervezések után sem.

Anyagtervezés

9. Mozgalom jelentést jelent

A mozgalomnak van értelme, és figyelmet kell szentelni. Az átmenetek hatékonyak.

Anyagtervezés

A design a teremtés művészete. Célunk az emberi igények sokszínűségének kielégítése. Ahogy ezek fejlődnek, ugyanezeknek kell megtörténnie projektjeinkkel, ötleteinkkel és filozófiájával.

Célunk - vizuális nyelv létrehozása a felhasználók számára, amely ötvözi a klasszikus formatervezés szokásos elveket az innovációkkal.

- beszéljen a Google-ban.

Kapcsolódó cikkek