Vstupy a výstupy minimalistického designu

Minimalismus je trend, který nikdy nezemře. Bez ohledu na to, kolikrát nás v úžasných složitých vzorech nechává v úžasu, vždycky bude něco o jednoduchosti, která nás nechává stejně zachycenou.

Dnes se podíváme na některé klíčové aspekty minimalismu ve webdesignu a na několika příkladech od návrhářů, kteří si to osvojili.

Prozkoumejte zdroje návrhu

Co to není

Je téměř vždy dobré prozkoumat, co něco není v diskusi o tom, co to je. Zkoumání protikladů nám dává bodový kontrast a pomáhá utvářet definici. Minimalismus je v zásadě odklon od vizuálně zbytečného. Bohatě rozmanité palety barev a složité prvky jsou ztraceny ve prospěch jednoduchých plných barev a základních linií.

Zvažte dva příklady níže. Tyto stránky představují jasnou alternativu k minimalistickému myšlení. Jsou vizuálně docela zaneprázdnění a může chvíli trvat, než se podíváte, než budete mít pocit, že máte slušný přehled o tom, co se na stránce děje.

To z nich dělá špatné návrhy? Rozhodně ne. Ačkoli mnoho návrhářů jednoznačně upřednostňuje konkrétní styly, přiřazení příkazů hodnot dané metodě je stejně užitečné jako říkat, že modrá je lepší než zelená nebo levá je lepší než pravá; těmto výrokům prostě není pravda a při diskusi o takových možnostech se nic nezíská.

Pokud jste profesionální designér, měli byste být schopni vytáhnout libovolný počet stylů designu, abyste uspokojili vůli a osobnost vašeho klienta. Odpověď na otázku, co minimalismus není, je, že nejde o inherentně lepší přístup k navrhování webových stránek. Klíčem tedy nebude rozhodovat, zda máte rádi zaneprázdněný, minimalistický nebo jakýkoli jiný počet stylů designu, ale naučit se účinně implementovat každou metodu. Podívejme se na několik oblastí, na které se musíme zaměřit při vytváření minimalistického designu.

Typografie

Váš výběr typografie hraje obrovskou roli v účinnosti vašeho minimalistického designu. Vyberte si čistá a jednoduchá písma s vysokou úrovní čitelnosti. Tenká písma se často používají k vyjádření minimalismu, ale neomezují se na tento nápad, protože silné písmo je skvělý způsob, jak předvést důležitou položku, jako je nadpis.

Ze stejného důvodu můžete dokonce složitým minimalistickým designem vytáhnout složité písmo skriptu. Pokuste se udržet stránku a další typografii co nejjednodušší, zatímco pomocí skriptu upozorníte na jednu oblast na stránce.

Dodatečné zdroje

40 bezplatných minimalistických a kvalitních písem

70 Minimalistické typografické příklady

Silné zarovnání mřížky

Moje nejoblíbenější implementace minimalismu je, když se to podařilo dosáhnout účelu zvýšení použitelnosti. Dobrý minimalistický webový design se často zaměřuje na odstranění stránky na minimální počet samostatných sekcí a prvků takovým způsobem, že navigace v obsahu je téměř bez jakékoli křivky učení nebo vizuálního zmatku.

Toto velmi často vede k snadno patrným zarovnání na základě mřížky. Naše oči jsou velmi dobře obeznámeny s tímto vzorcem obsahu a obvykle nemají žádné potíže s rychlým pohledem. Dále je ve vašem mozku něco, co prostě chce, aby se položky řádně a předvídatelně uspořádaly. Je příjemné vidět stránku se silným zarovnáním jak svisle, tak vodorovně. Naproti tomu existuje určitá vizuální a psychická nesoulad, když nemůžeme okamžitě identifikovat jasný vzor v uspořádání položek na stránce.

Dodatečné zdroje

Mřížka CSS 1 kB

ZURB CSS Grid Builder

Kontrast

Pokud máte v dílech minimalistický design a zdá se, že mu něco chybí, šance přidat nějaký kontrast výrazně zlepší design. Když je ovládán praktickou rukou, kontrast je klíčem ke všem dobrým designům (budu bránit toto všeobecné prohlášení k smrti). V minimalistickém designu webu jsou stránky tak svléknuté, že s něčím jiným než s nějakým chytrým kontrastem se dá jen málo.

Kontrast je koncept, kterému všichni rozumíme, ale pokud si toho uvědomíte, můžete své návrhy výrazně vylepšit. Podívejte se na jednoduchý design níže:

Opravdu se toho moc neděje, pokud jde o barvy a pěkné obrázky. Nicméně, design je docela atraktivní kvůli silnému použití kontrastu. Záhlaví a oblast obsahu jsou jasně oddělené a okamžitě rozpoznatelné podle toho, čím jsou (zápatí používá stejný trik). Kopie na stránce se liší velikostí a smělostí, aby upoutala vaši pozornost na části zprávy, které návrhář považoval za důležité.

Výše uvedená stránka používá odstíny šedé pro rozlišení, ale stejně snadno můžete použít různé barvy k dosažení stejné věci.

Jen si pamatujte, že existuje obrovský rozdíl mezi kontrastními a konfliktními barvami. To, že dvě barvy jsou velmi odlišné, neznamená, že vaše oči budou vnímat rozdíl jako příjemné. Než uděláte drastická rozhodnutí, ujistěte se, že jste na své teorii barev.

Hlavní věc, kterou si musíte pamatovat s kontrastem, je nejlepší autor návrhu Robin Williams: „Nebuď wimp!“ Tím měla na mysli to, že trochu kontrastu nejde dlouhou cestu. Pokud se chystáte udělat něco většího, aby vyniklo, udělejte to mnohem větším. Pokud to uděláte odvážnějším, udělejte to opravdu odvážným! Měli byste být schopni okamžitě zjistit, zda je tam kontrast. Vidíme to často, když je text tučně. Někdy je rozdíl mezi tučným a běžným textem tak malý, že se musíte opravdu dívat na rozdíl! V tomto případě tučně tučný text neslouží žádnému účelu a měl by být stejný jako zbytek, aby se zabránilo vizuální záměně.

Whitespace

Vzpomeňte si na rušné příklady na začátku tohoto článku. Tito návrháři se rozhodli zaplnit téměř každý palec obrazovky něčím vizuálně zajímavým. Minimalismus opět zaujímá opačný přístup. Poskytuje hlavním prvkům stránky dostatečnou dýchací místnost, která je odděluje.

Whitespace způsobí, že se divák cítí pohodlně a méně klaustrofobicky. Pomáhá také návrháři mít kontrolu nad tím, kde chcete, aby divák vypadal. Někteří návrháři trvají na tom, že diváci budou číst každou stránku zleva doprava po vzoru z. Ve všech případech to prostě není pravda. Všimněte si, jak výše uvedený návrhář použil mezeru a jasný obraz k tomu, aby upoutal vaše oči na obrázek na obrazovce počítače. Vaše oči začínají v samém středu obrazu, nikoliv v levém horním rohu!

To má vše, co souvisí s kontrastem, jak bylo uvedeno výše, a objem prostoru obsazeného daným objektem vs. mezera kolem něj. Abych získal dojem, kolik správných mezer je použít při provádění počátečního rozvržení, převedu často objekty, které umístím na stránku, na extrémně základní tvary v aplikaci Illustrator. Pak mohu rychle zamíchat a měnit velikost objektů, aniž bych byl rozptylován jejich obsahem. Takto rozvržení vás nutí přemýšlet o rovnováze vaší stránky dříve, než se budete vůbec přibližovat ke složitějším estetickým prvkům.

Jak vidíte, rozvržení Jolicloud je při pohledu tímto způsobem poměrně vyvážené a atraktivní. Jedinou věcí, která mě obtěžuje, je to, že navigační odkazy nejsou zarovnány s pravou stranou obsahu. V zjednodušené verzi jsem to trochu přeháněl, aby bylo snazší vidět, ale v původním obrázku je to určitě také. Opět vidíme výhodu redukce stránky na základní tvary, protože je okamžitě zřejmé, že navigační odkazy jsou poněkud trapně umístěny (ani na střed, ani na pravo, ale někde mezi nimi).

Další články o minimalismu

Nemůžete dostat dost minimalismu? Podívejte se na skvělé články a weby níže:

  • 21 Zdroje zvláště pro milovníky minimalismu: Vandelay Design
  • Ukázka čistých a minimalistických návrhů: Smashing Magazine
  • Minimalismus na webu: Inspirace designu a témata WP: Výukový program 9
  • 20 krásných minimalistických témat WordPress: šest revizí
  • 25 krásných minimalistických návrhů webových stránek: Vandelay Design

Závěr

To zabalí naši diskusi o minimalismu ve webdesignu. Dejte nám vědět, co si o tomto trendu myslíte v níže uvedených komentářích. Nezapomeňte do webového designu zahrnout také odkazy na vaše oblíbené weby, které dokládají minimalismus.

© Copyright 2024 | computer06.com