Je materiálový design zabíjení webu?
Materiálový design je "to" fráze, o které hovoří řada návrhářů. Koncept, který byl vyvinut společností Google pro zařízení Android, má čistý, čistý a vysoce použitelný kouzlo.
Webové stránky, které obsahují materiálový design, jsou vyčerpávající z oblasti zařízení Android a objevují se všude. A skutečností je, že mnoho z těchto webových stránek má přesně stejný vzhled a pocit.
Přezkoumání návrhu materiálu
Pokud si nejste úplně jisti, jaký materiálový design je, je zde rychlý základ: je to koncept založený na Google, který speciálně vysvětluje, jak by vypadaly aplikace pro Android a jak by uživatelské rozhraní mělo fungovat. Definuje pravidla pro animaci, styl, uspořádání, komponenty, vzory a použitelnost. The Specifikace jděte až na definici barevných palet a typografických možností.
A přestože všechny tyto prvky přispívají k vysoce použitelnému a vizuálně příjemnému designu, výsledkem je sbírka návrhů se společnou estetikou.
Materiálový design se odrazil od počátečního nárůstu Androidu. Přestože je konceptem brainchild Google, návrháři s ním pracují a používají materiálový design pro webové stránky napříč celou řadou platforem a pro všechny typy zařízení.
Konečným cílem materiálového designu je "vytvořit vizuální jazyk, který syntetizuje klasické principy dobrého designu s inovacemi a možností technologie a vědy." Jediný "vizuální jazyk" vyvolává otázku: je material design zabíjení webu?
Materiálový design Lite
Singulární jazyk se pohybuje od mobilního prvního návrhu myšlení až po myšlenku o designu všech zařízení. Google byl odhalen Materiálový design Lite za letošní rok jako zjednodušená verze estetiky pro všechny webové stránky.
"Rámcové agnostické" šablony usnadňují vytvoření něčeho rychle a podle specifikací. Je navržen tak, aby fungoval na blogy, obsahových těžkých webech, na palubní desce a vizuálních projektech, a dokonce i na stránkách s jednou stránkou. Návrh se ještě více zvětšuje.
Dodržujte pravidla pro "těsný" vzhled návrhu
Materiální návrh funguje, protože je založen na poměrně těsném souboru pravidel a použitelnosti. To dělá některé docela hezké věci pro design - pokyny pro animaci jsou obzvláště důležité pochopit, protože jsou zakořeněny ve fyzickém světě. Pravidla přicházejí s spoustou omezení a to, co se děje doposud, je, že většina aplikací používajících materiálový design vypadá, že vypadá, že pocházejí ze stejného boxu.
Tyto úzké vzory byly částečně vyvinuty, aby pomohly uživatelům pochopit, jak interagovat s menšími zařízeními. Materiální návrh se vyvíjel z plochého provedení, kde ne všechny prvky uživatelského rozhraní měly jasně definované role v rozsahu návrhu. Materiální návrh se snažil odstranit některé z těchto otázek.
Ale je asi čas znovu se vyvíjet. Většina uživatelů pochopí, jaké tlačítka jsou a co dělají. Každý vývoj teorie designu učí uživatele něco nového o tom, jak používat zařízení a web. A rychle zachycují. Nástroje určené k učení uživatelům prostě nemusejí trvat tak dlouho.
Podivně, těsný designový vzorec je něco, co se návrháři prakticky tlačili na sebe, pokud jde o materiálový design. Přečtěte si dokumentaci - a poznamenat, že se mění pravidelně - a běžné návrhy, které vycházejí z tohoto trendu, jsou prostě emulací poskytnutých příkladů.
Tak proč jsou návrháři vytvářet tisíce webů pomocí Designu materiálů, které vypadají stejně?
Společné prvky uživatelského rozhraní a designové divoty
Zde je rychlá odpověď na otázku výše: je to všechno v detailech.
Běžné prvky uživatelského rozhraní, ikony, barevné schémata a typografické volby zabírají estetickou příležitost na webu. Ale to nemusí být tak. Můžete navrhnout materiálové koncepty bez replikování prvků z dokumentace nebo stáhnout nejnovější UI kit.
Jedním z problémů, které se stále objevují, je to, že webové stránky replikují vzhled Materiálového designu, ale nemají funkčnost a nedostatečnou pozornost věnovanou detailům. Není to materiálový design, který zabíjí web, jsou to líní návrháři.
Ale počkejte ... nemusíte sledovat tento trend
Než vyděsíte, existuje mnoho způsobů, jak používat materiálový design, který vám nebude označen jako "líný návrhář".
Zde je trik: dodržujte pojmy, ale přerušujte některá pravidla. Není to úplně jisté, co to znamená? Zde je několik návrhů:
- Jděte za paletu barev. Namísto jasné, super-nasycené palety barev, jdeme hlouběji do barev a hrajeme s pastely a tmavšími odstíny.
- Ikony návrhu a prvky uživatelského rozhraní, které splňují základní zásady návrhu - například obsahují prvky uvnitř ikon a použití pro lidské vlastnosti - ale nejsou z předem balené sady.
- Nepoužívejte 100% "materiál". Použijte jeden aspekt ve svém konceptu návrhu. Pravidla pro animaci jsou mimořádně pěkná; postupujte podle těchto pokynů, jak se věci pohybují v rámci vašeho webu; ale navrhněte zbytek, jako byste nebyli vystaveni materiálovému designu. Další skvělý nápad "ukrást" z materiálu je použití karet, ale neomezujte se na jejich navrhování v úplně hmotném prostoru.
- Použijte některé z nejlepších pokynů z Materiálového designu, které vám pomohou lépe pochopit práci s detaily ve své konstrukční práci. Sekce ikon dokumentace je dobrým základním prvkem při použití mřížky pro vytvoření ikon, které jsou konzistentní v jejich odstupu. Aplikujte tyto pojmy na vaši celkovou estetiku.
- Rozbalte typografickou paletu. Jedna z věcí, která "zabíjí" design, je příliš mnoho věcí, které vypadají přesně stejně. Odpovívejte typům vašim návrhům a nepoužívejte něco, protože vám sdělují řadu pokynů (pokud nejsou z vaší značky).
- Navrhněte jakýkoli jiný trend. Materiálový design je trend, nikoliv koncové řešení. Smíchejte a přizpůsobte si díly, které se vám líbí, a použijte je stejně, jako byste udělali cokoli jiného. Některé techniky budou fungovat bez problémů, zatímco jiné nemusí být pro vaše projekty.
Závěr
Takže, zpět k hlavní otázce: je Material Design zabíjení webu?
Jednoduše, ne. Zatímco nadužívání tohoto trendu může vést k homogenním návrhům, skutečný problém je navrhování s trendem pro trend a ne přemýšlet o nejlepších nástrojích a technikách pro projekt. Takže pokračujte, používejte materiálový design, jen se ujistěte, že je dobře používáte.
