Minimalistický webový design: Pokud je méně než více
Jako konstruktéři všichni víme, že minimalistický design může dosáhnout krásných výsledků.
Přesto mnoho návrhářů má problémy s vytvořením; buď mají špatný čas, takže stránka s tak málo elementy vypadá dobře, nebo konečný výsledek prostě nevypadá "úplně".
Na webu je mnoho článků o minimalismu a tento článek vám pomůže dosáhnout minimalistického designu, který je krásný, ale ne holý.
Chcete-li to zvládnout, ukážeme vám malou přehlídku minimalistických návrhů , abyste mohli analyzovat, proč některé designy fungují a jiné ne.
Co je minimalistický design?
Minimalistický design byl popsán jako design v jeho nejzákladnější, zbavený nadbytečných prvků, barev, tvarů a textur.
Jejím cílem je učinit obsah vynikáním a být ústředním bodem. Z vizuálního hlediska je minimalistický design chtěl uklidnit a přivést mysl k základům .
Designové hnutí začalo ve Švýcarsku a poté se aplikovalo na celou řadu médií: grafický design, architekturu, hudbu, literaturu, malbu a v poslední době i webový design.
Ačkoli minimalistický design byl propuštěn před několika desetiletími, počátkem dne na internetu to neukázalo. Dokonce ani bez rotujících log, střihů a jasných barev byly návrhy webových stránek nepořádné a přemrštěné .
Překonáme základní principy minimalistického designu. Ale i když se rozhodnete neprovádět minimalistickou estetiku, lekce zde vám mohou pomoci zjednodušit design, bez ohledu na váš styl.
Méně je více
Jak bylo zmíněno, minimalismus přináší nejdůležitější obsah do popředí a minimalizuje rozptýlení pro uživatele. Pokud má stránka příliš mnoho prvků, divák se zaměňuje, kde hledat nebo nesprávně interpretovat prioritu každého prvku. Minimalistický design zaměřuje pozornost přímo na obsah.
Jakékoli stříkání barvy na černobílý design například zajistí pozornost uživatele. Samotná barva se stává ústředním bodem . Podívejme se na konkrétní příklad:
Pravděpodobně jste viděli tento druh designu dříve: čisté bílé pozadí, jeden blok obsahu a jeden grafický prvek.
Grafický prvek přináší barvu, texturu a tvar. Je to zřejmě nejdůležitější prvek na stránce a definuje značku a identitu designéra.
Se složitostí tohoto konkrétního grafického prvku by více obsahu na této stránce bylo méně zřejmé a méně důležité. Při zachování obsahu na minimum, návrhář dosáhl perfektní rovnováhy.
Jak minimalizovat obsah
Prvním krokem k vytvoření minimalistického designu, nebo jen k zjednodušení rozvržení, není jen odstranit většinu grafiky, ale spíše přehodnotit obsah a zbavit holé požadavky. Pouze tehdy budou nejdůležitější prvky na stránce dosaženy zamýšleným účinkem.
Stejně jako byste plánovali jakoukoli webovou stránku, zapište si, jaký obsah potřebujete: logo, úvod, navigaci atd. Vyjmout vše, co není podstatné. Vyhoďte co nejvíce .
Níže jsou některé prvky, které pravděpodobně nepotřebujete. Mějte na paměti, že je to jen průvodce. Vaše přesné požadavky budou záviset na vašem konkrétním designu. Některé níže uvedené položky nemusí být pro vaše webové stránky vyžadovány.
- Ikony nebo grafiky pro sociální média nebo část sociálních médií vůbec
- Tagy a doplňkové popisy nebo úvody
- Seznamy "Doporučené", "Oblíbené" a "Nedávné" (včetně seznamů Twitter a RSS)
- Stránky s více než třemi hlavními částmi (např. "Úvod", "O společnosti" a "Služby")
- Sekundární navigační stránky.
Nejde zde o to, aby byla webová stránka méně funkční, ale spíše vyřešila zbytečné prvky (a tak zdůraznila potřebné prvky) nebo kombinovala sekce do jednoduššího rozvržení (například začleněním odkazů sociálních médií do "About" nebo úvodní část).
Můžete také rozdělit obsah na samostatné stránky, což zvýší pozornost každého obsahu.
Jak zjednodušit design
Nyní je čas co nejvíce zjednodušit design.
Minimalistické návrhy by měly mít malou strukturu, barvu, tvar, čáry, obsah nebo typ. Jděte příliš holý a návrh bude nudný. Spíše než vyměnit vše, dejte designu odvolání tím, že dělá jen jeden důležitý rys ohnisko .
Zvolte, co bude toto zaměření, a při vytváření návrhu si pamatujte na níže uvedené tipy.
Použijte velký drátěný rám
Při procházení sekce níže, vidíme, že někteří designéři přidali vizuální zájem s jemnými výbuchy barvy, jedinečnou typografií nebo zajímavými tvary. Snad nejdůležitějším prvkem, na který se spoléhají, je však jedinečný drátový rám .
Vytvoření wireframe pro takovou holou stránku vyžaduje trochu zvláštní pozornosti. Se správným drátovým rámem můžete dosáhnout správné hierarchie a organizace a vytvořit vizuální zájem.
Chcete-li přijít s wireframe, postupujte takto:
- Rozhodněte se, jaký obsah potřebujete
- V seznamu seznamte obsah s prioritou
- Nakreslete několik drátových rámců na základě vašeho seznamu, abyste mohli experimentovat s nejlepší vizuální hierarchií.
Při práci na drátěném rámu zvažte umístění, ale i vizuální ošetření. Například pokud má vaše logo barvu, kterou nepoužíváte jinde v návrhu, musíte o tom přihlédnout.
Bílý prostor
Bílý prostor je prakticky synonymem minimalismu.
Bez ohledu na to, jak jste s ním kreativní, minimalistický design bez velkého bílého prostoru není vůbec minimalistický. Ujistěte se, že jste přidali více bílých míst kolem prvků než obvykle.
Prostor je potřebný k vyvážení několika elementů, které se na stránce objeví.
Vyvážení, Zarovnání, Kontrast
Zatímco většina zatížení může být nesena bílým prostorem a dobrým drátem, je třeba věnovat zvláštní pozornost základům designu. Tři největší související s minimalizací jsou rovnováha, vyrovnání a kontrast .
Ujistěte se, že váš návrh dodržuje tyto zásady a že nepotřebuje doplňkové vizuální pomůcky, které by vypadaly "dokončené".
Mějte na paměti i další základní principy návrhu. Zkontrolujte je a experimentujte s různými možnostmi, abyste dosáhli nejlepšího výsledku. Překontrolovat " Zásady designu "Pro více nápadů.
Když se nadměrná tvorba stává zvykem
Nadměrná tvorba se někdy stává zvykem. Bez ohledu na to, jak tvrdě se pokoušíte udržet design jednoduchý, vypadá to špinavě a složitě. K tomu je třeba vytvořit nové návyky.
Zkuste si před každým projektem zkontrolovat výše uvedené tipy, abyste je měli v průběhu procesu. Zaměřte se na rozvoj jednoho zvyku najednou. Například pracujte na omezení a zjednodušení obsahu před přesunem na prázdný prostor.
Pokud se ocitnete v těžkém místě, když si myslíte, že něco chybí, nejprve zkuste něco vzít, než aby jste něco vložili.
Každý aspekt minimalismu vyžaduje jiný talent. Vaše návrhy se stanou jednoduššími, čím více těchto principů uvedete do praxe.
Pokud ji budete dále používat, použijte zde popsané techniky, podívejte se na konečný produkt a zjistěte, zda můžete najít způsoby, jak zjednodušit výsledek ještě dále.
Mohli byste se soustředit na oblasti, o kterých jste si nebyli jisti během procesu navrhování, a mohli byste požádat ostatní návrháře, aby poukázali na prvky, které jste možná chyběli.
Minimalistické ukázky
Níže je krátká vitrína minimalistických návrhů. Podívejte se, jak každá z nich implementuje zásady, o nichž jsme se zabývali. Zjistěte také, které z nich porušují naše pokyny a přemýšlejte nad tím, proč stále fungují.
1. James Day Photo
2. Killswitch Collective
3. Osamělý
4. DBushell
5. XPD.no
6. Toy NY
7. Joshua Serbus
8. Ah-Studio
9. Symour Powell
10. Ikona Werk
11. Neil Wilson Architects
12. Neformát
13. Zaum
14. Checkland Kindlysides
15. Blumenthal
16. Tink Londýn
17. Špičková kreativita
18. Kimag
19. Bernat Fortet
20. Celý den
Některé trendy
Jak vidíte, minimalistický webový design má jasné trendy. Uvědomení si těchto trendů nám pomáhá vylepšit naše návrhy mnoha způsoby.
Nejen, že se nám podařilo vzít inspiraci z návrhů, které jiní designéři pracovali tak tvrdě, ale můžeme vědomě odtrhnout od těchto trendů, abychom utvářeli vlastní inovativní cestu.
Pojďme se podívat na některé z těchto trendů podrobněji.
Černý a bílý
Jedním z nejvýraznějších trendů je rozsáhlé využití černé a bílé barvy . Je to zřejmé: barva by měla být zjednodušena spolu s textem, tvarem a obsahem. Ale v dnešní době to může být překonáno a vypadat trochu nudně.
Podívejte se na několik webových stránek, které mají definované barvy v přehlídce výše, a uvidíte, jak vystupují z jiných minimalistických návrhů. Také si uvědomte, jak se jim podaří zůstat minimalisté i při tak silném používání barvy. Zde je jeden příklad:
Zajímavá typografie
Typografický webový design je úzce spjat s minimalismem.
Když návrháři mají jen velmi málo, aby mohli uživatel vzrušit, často se zajímají o zajímavou typografii. Můžete dokonce jít tak daleko, že používáte typografii jako jediný vizuální prvek.
Jedná se o odvážnou techniku, ale stále je sama o sobě trendem . Podívejte se na způsoby, jak učinit typografii, aby se zdokonalila konstrukce a zůstala jedinečná.
Blikat
Překvapivý počet minimalistických návrhů webových stránek je založen na technologii Flash. S tak malým množstvím pro vizuální stimulaci by design mohl mít prospěch z jemné animace (jako např. Vyblednutí a vyzařování textu), aniž by byl silný.
Flash také odstraňuje určité omezení v procesu návrhu. Nekonvenční drátěné rámy, typografie a další prvky mohou být s Flashem snáze dosažitelné než tradičními metodami.
Obalování nahoru
Minimalistický design přichází v mnoha podobách a přesto jsme příliš často viděli stejnou formu opakovaně. Trendy se mohou stát nadsázkou a musíme bojovat s touhou napodobovat, a zároveň pochopit, co jde o trend, který dává smysl.
V každém případě může být minimalismus krásný a bude to v příštích letech, takže učení některých jeho technik může být neuvěřitelně výhodné, ať už pro vaše klienty nebo pro vaše vlastní projekty.
A i když nemáte zájem o minimalistický styl, mohou vám lekce a principy pomoci zjednodušit vaše návrhy, což je vždy dobrá věc.
Napsáno výhradně pro Webdesigner Depot od Kayla Knight.
Takže co dělá minimalistický design tak efektivní a kdy bychom se mu měli vyhnout? Podělte se o níže uvedené komentáře ...