Ve společnosti 2014 společnost Google oznámila vydání produktu Materiálové provedení ". Jejich původním cílem bylo řešit otázky týkající se designu aplikací pro zařízení Android. Argumentem bylo, že „ Plochý design "Na malých obrazovkách se nezobrazuje dobře." Cítili, že v návrhu chybí jasné vizuální podněty a brání použitelnosti mobilních uživatelů.
Matías Duarte, viceprezident společnosti Google Design, vysvětlil:
"Na rozdíl od skutečného papíru může náš„ materiálový design "růst a inteligentně se přizpůsobovat. Materiál nabízí fyzické a ploché povrchy se stíny, které dávají smysl tomu, čeho se můžete dotknout “.
A to je v podstatě to, čím je nyní hardwarový design: způsob, jak prvky aplikace zobrazit dojmem.
Vydáním nového jazyka a pokynů pro Material Design společnost Google doufá, že vyřeší problémy UX (Uživatelská zkušenost) a zmatek mezi uživateli aplikací pro Android. O dva roky později jejich rámec překročil rámec mobilních aplikací a nyní je principem pravidelně používaným ve webovém designu.
V následujícím textu vám nabízím některé zdroje, kde je najdete ressources integrovat Material Design do vašeho WordPress blog.
1 - Behance
Perfektní příklad webu, kde se můžete naučit design aplikací pomocí „ Materiálové provedení ". Behance má nespočet tipů a příkladů, které můžete použít jako inspiraci. Behance také využívá „ Materiálové provedení Na svém vlastním webu s krabicemi, které nenápadně visí z mřížky, středními stíny pro pozornost a jasnými značkami akcí, na které lze kliknout.
2 - CodePen
Stáhnout
CodePen, samo-přiřazené 'vývojové hřiště', je zlatým dolem vývojáře, pokud jde o ' Materiálové provedení “. Nejenže budete mít několik opravdu skvělých příkladů a můžete vidět CSS, HTML a JavaScript, které vývojáři používají k vytváření různých webů.
3 - Dribbble
Pokud nejste obeznámeni s tím druhým, je Dribble sociální sítí pro designéry, vývojáře, umělce a další, kteří se zajímají o „ Design “. Hledání „ Materiálové provedení Na jejich stránkách vám jen ukážu, jak technologie Materiálové provedení Je všudypřítomný. Zde najdete inspiraci pro něco tak jednoduchého, jako je ikona, pro vytvoření kompletního webu.
4 - Ocenění Material Design společnosti Google Design
Rok poté, co Google spustil Material Design, ocenili šest nejlepších aplikací využívajících rámec v „Ocenění materiálového designu “. Na tomto čestném seznamu poznáte mnoho stránek. Pokud chcete vidět potenciál Materiálové provedení ”, Doporučujeme vám podívat se na tento seznam. Pokud si Google udělá čas na označení zdroje, pak to stojí za objížďku.
5 - Vyrobeno z materiálu
Tento web pochází z listopadu 2014 a nabízí skvělý zdroj inspirace pro „ Materiálové provedení ". Většina stránek obsahuje snímky obrazovky webů a mobilních aplikací s vysokým rozlišením, které používají „ Materiálové provedení ". I když se v těchto inspirativních příkladech může snadno ztratit, nezapomeňte si v pravém horním postranním panelu prohlédnout dokumentaci, kterou přiložili pro vývojáře. Tato dokumentace bude užitečná, pokud chcete vyvíjet pomocí „ Materiálové provedení ".
6 - Blog o materiálovém designu
Tento blog je jedním z našich oblíbených, a to nejen proto, že pokrývá celou řadu nástrojů a témat, která by vás mohla zajímat, pokud jde o toto téma, ale také proto, že vám dělá skvělou práci a ukazuje vám návrhové techniky s „materiálovým designem“. Pokud jste neměli možnost vidět jejich animace v akci, navštivte web a klikněte na jeden z jejich blogových příspěvků.
7 - MaterialUp
Část rodiny stránek Uplabs MaterialUp je o materiálovém designu: ukázkové webové stránky, snímky obrazovky mobilních aplikací, nástroje, tipy a další. I když teď nemůžete najít nic užitečného, podívejte se na design jejich webu. Rozložení a vzhled připomínají Disk Google, že? Pokud hledáte a prostředky můžete věřit, můžete se obrátit na tento web?
8 - Pinterest
Pokud by někdy měl být web pojmenován jako hlavní zdroj inspirace pro „designéry“, bude Pinterest tuto čest ctít s Behance. S rychlým hledáním výrazu „Materiálové provedení Máte okamžitý přístup k videím a obrázkům z webů a aplikací, které používají tento rámec.
To je pro tento seznam vše ressources pro " Materiálové provedení “. Neváhejte a sdílejte to se svými přáteli na svých oblíbených sociálních sítích.
