Anyagtervezés

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.

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".

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.

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.

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.

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.

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.

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.

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

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.