Zdarma ke stažení: Kit Sketch UI
Sledujte Google Návrh materiálu principy mají za následek zapojení a aktuální návrhy. Ale také produkuje konečný výsledek, který nakonec vypadá jako ... no, Google. Super inteligentní branding se pohybuje z jejich strany, ale není skvělé, pokud chcete zachovat sílu vlastní značky.
InVision vytvořil návrh e-mailu, který dodržuje materiálový design, aniž by vypadal jako klon Gmailu. Je to velký úspěch, takže jsme potěšeni, že souhlasili s nabídkou této nabídky jako volného UI {$lang_domain} čtenářů.
Barva
Google je dlouho známý odvážným používáním barvy a materiálový design rozšiřuje paletu s spektrem založeným na nasycení. Stále se zaměřuje na velké pole ploché barvy bez sklonů, které dominovaly na webu. A i když rozhovory o trendech v oblasti designu mají tendenci splynout s přechody, stíny a skejomorfismem, Material Design podporuje dramatické stíny, aby se odvolávaly na hmatatelné skutečnosti, na kterých je založen.
Takže toto stahování se okamžitě oddělí tím, že uživateli představí dramatické přechody, včetně pruhu v hlavní ikoně návrhu. Všechny barvy jsou kresleny z palety Materiálového designu Google, byly jednoduše smíchány novým způsobem. Vzhledem k tomu, že materiálový návrh vyžaduje tučné, vysoce kontrastní a hluboce pigmentované barvy, je lákavé použít super-širokou paletu pro vyplnění všech rolí barevných her v designu. Barvy však nemusí být odlišné, aby vyhovovaly materiálovým kritériím a dosahovaly svých cílů, ale prostě musí být záměrné.
Typografie
Google jasně chápe sílu typografie při brandingu. Jejich zakázková písma vytvářejí jasné uživatelské rozhraní a posilují svou značku. Invision chtěla podobný, čistý moderní pohled na Robota bez použití Robota. Takže šablona používá Avenir; další čisté písmo, které má geometrický původ, s humanistickým teplem.
Interakce a animace
Vždy pomáhá udržet vaši platformu v úvahu při navrhování, aby bylo možné vytvořit konzistentní zkušenost pro uživatele. Právě proto má tato šablona styl iOS, i když funguje i na Androidu.
Materiálový design společnosti Google má několik skvělých věcí o tom, jak mohou interakce a animace potěšit a ne odvrátit pozornost vašich uživatelů. Ale příklady designu materiálu společnosti Google jsou také velmi specifické, ujistěte se, že když používáte animaci a interakci, je to správná animace a interakce pro váš projekt. Tato sada UI byla navržena tak, aby umožňovala různé přístupy, takže můžete použít jakoukoli strategii, která nejlépe vyhovuje vašemu návrhu.
Stáhnout soubor pod náhledem:
