6 kroků k zdokonalování minimalismu v designu webu
Během posledních několika let byl webový design propadl různými trendy, které přišli a odešli. Jedním z trendů, které zůstává silou, je minimalismus, jednoduše proto, že je to nadčasový koncept, který byl populární v různých médiích po celá léta. Tak proč ne v designu webových stránek?
Jedna z věcí o minimalismu je, že také vylepšuje uživatelský zážitek, kromě toho, že vypadá hezky. Stížnost mnoha uživatelů v průběhu let spočívala v tom, že některé webové stránky jsou pro navigaci příliš komplikované. Je tam spousta věcí, které dělají uživatelské zkušenosti méně než to, co by mělo nebo mohlo být.
Stará slova, že "méně je více", stále platí, zvláště pokud jde o design v 21. století.
1) Přijměte plochý design
Všichni víme, že plochý design je v podstatě odpovědí světového designu na skejomorfismus, který v nedávné době z velké části upadl ve prospěch, jelikož Apple je vynikajícím příkladem této mořské změny. Plochý design je charakterizován zejména absencí stínů, 3D efektů a přechodů; Používá také tučné a zářivé barvy, které přitahují pozornost uživatele.
Jedna obrovská značka, která je v designu plochého designu působivá, je společnost Microsoft, zejména s operačním systémem Windows 8. Na oficiální webové stránky společnosti pro nejnovější verzi , 8.1, vidíme plochou konstrukci představovanou ve své slávě. To dává smysl z hlediska konzistence, protože Windows 8 byl proslulý plochým designem jeho úvodní obrazovky.
Proto na webu nevidíte žádné důkazy o stínu nebo gradientech - vidíte pouze všechno v 2D. Typografie různých písem pro titulky a kopie těla neobsahuje žádné textury jakéhokoli druhu; rozvržení stránky je velmi čisté a bez rušení; ikony a tlačítka jsou živé a ploché, jak to může být; a obrazy spouštěcích obrazovek systému Windows 8 jsou studiem plochého designu.
2) Zahrňte bílý prostor
Cokoli to chcete nazvat, negativní nebo bílý prostor není jen výjimečně chytrý designový prvek, který vás přivádí k tomu, aby šel tam, kam chcete, aby šel na webovou stránku, ale je to také standardní nosič minimalismu. Stále více stránek se chystá k této konstrukční technice, protože si uvědomují, jak je to prospěšné.
Nejlepším příkladem negativního nebo bílého prostoru na internetu je pravděpodobně místo, které s ním nejméně sdružujete - jen proto, že to považujete za samozřejmost. Používáte to tak, že prostě uniká vašemu oznámení ... ale je to tam! mluvím o Google vyhledávání . Je to studie v bílém prostoru, z důvodů, které by měly být zcela samozřejmé.
Vzhledem k tomu, že účel webu vyhledává, společnost chytře využívá tolik negativního nebo bílého místa na stránce, že žádný uživatel v celém vesmíru by nemohl být odvrácený jakýmkoliv jiným, zatímco na stránce vyhledávání. Všechny prvky byly odstraněny a bílý prostor obklopuje vyhledávací lištu. Je zřejmé, že to směřuje oko uživatele k největšímu a nejdůležitějšímu bodu: kde zadat vyhledávání.
Zatímco negativní nebo bílý prostor je ideálním příkladem minimalismu, je třeba také zdůraznit, že to samo o sobě nepředstavuje prázdnotu. Je to vlastně velmi chytrý designový prvek, který pomáhá řídit oči uživatele.
3) Omezení možností
Jedním z největších pravidel při zvyšování počtu konverzí na jakémkoli webu elektronického obchodu nebo B2B je odstranění počtu možností, které dáte uživatelům, kupujícím nebo návštěvníkům. Je to prostě rozumné: Když odeberete co nejvíce možností, nechcete, aby se vaši návštěvníci dostali do rozptylu cokoliv, co jim může zabránit v dokončení cíle stránky, kterým je konverze. Takže menší výběr je dalším úžasným příkladem minimalismu v návrhu webových stránek.
Jedním z nejlepších míst, jak vidět kouzlo minimalismu výběru, je vstupní stránky - vstupní stránky, které se jimi řídí správně. Společnost, která si zvolí princip minimalismu, je Gengo, profesionální překladatelská společnost s titulky.
Na jeho vstupní stránku , vidíte naprostou absenci volby. Je to proto, že vstupní stránka velmi jasně vysvětluje, jaký další (a jediný) krok by měl být pro návštěvníky: převést zadáním textu nebo nahráním souboru pro překlad. Jistě, tvrdohlaví puristé v oblasti minimalizace výběru by dokonce tvrdili, že navigační menu uvedené výše v záhlaví by mělo být odstraněno, protože uživatelé mohou stále kliknout na ně namísto toho, aby se zaměřili na překladovou službu.
4) Zaměřte se na tučnou typografii
Pokud chcete opravdu ocenit minimalismus v designu webových stránek k základům holých kostí, podívejte se Stránka Briana Danahera . Brian je umělecký ředitel, designér a ilustrátor.
Jak můžete vidět, jeho návrh na webu spočívá v podstatě na dvou věcech: odvážnou typografii, kterou nemůžeme nechat ujít a rozložení jednoho sloupce. A je to! Ano, tento přístup k minimalismu může být příliš extrémní pro některé chutě tam, ale stále dosahuje dvou velmi důležitých cílů, které jsou na špičce v mysli někoho, když mají své vlastní stránky k propagaci své kariéry:
- Vzhledem k tomu, že navigace je v podstatě zastrčena do jednokomorového uspořádání, Brian se dokáže dostat až k bodu, co dělá, kým je a jak se návštěvníci webu mohou s ním spojit
- Brian úspěšně používá kontrast (v barvách písma a barvách pozadí stejně jako mezi velikostí a styly písem), aby svým návštěvníkům stránek získal něco zajímavého na pohled
5) Zjednodušte navigaci
Navigační menu může být často přehlédnuto, když diskutujeme o minimalismu v designu stránek, ale také může být obrovským (i když tichým) přispěvatelem k minimalizaci práce na vašich webových stránkách. Navigační nabídka, která není rušivá a tichá, se mísí do pozadí, je klíčem k tomu, aby stránka byla minimalistická na funkční úrovni.
Podívejte se na fotografa a návrháře Místo Cristian Ordonez to je studie v minimalistickém navigačním menu. Nabídka je takový oddaný přístup k minimalismu, který se ani netýká celé šířky celé domovské stránky; místo toho je to trochu klidně zastrčené v horním pravém rohu místa. Navíc neexistuje žádná akce pro vysunutí, takže neexistují žádné jiné nebo další vrstvy navigace. Konečně barvy nabídky (alespoň na domovské stránce) jemně splynou s barvou pozadí.
6) Používejte barvy v náplastech
Použití malých barev v návrhu webu vám umožní dodržet minimalistický přístup a současně usnadnit návštěvníkům webu, aby si vyzvedli, co je důležité na kterékoli stránce. Začleněním malých okének barev zde a tam se vám podaří vykreslit oči vašich návštěvníků stránek do určitých důležitých oblastí.
Místo webu 960 Grid System , jehož posláním je zefektivnit proces vývoje webových stránek, velmi dobře vyjadřuje toto inteligentní využití barvy. Okamžitě si všimnete malých odstínů žluté, například těch, které se používají pro interní odkazy jako "stahování" a "zobrazení demo". I nalepené logo Twitter v levé horní části poskytuje náplast jasně modré barvy, která čerpá oči návštěvníkům webu (to vás vezme přímo do krmiv Twitter / Nathan Smith).
Minimalismus funguje, pokud víte, jak ji používat
Zmínit slovo "minimalismus" některým návrhářům a oni se stanou obavami, protože si mylně myslí, že příliš zjednodušený design stránek bude neatraktivní. Jak ukázaly výše uvedené příklady, nic by však nemohlo být dále od pravdy.
Hotovo, minimalismus v designu stránek může vést k některým novým a horkým trendům, jako je plochý design, nebo k tomu, aby majitelé stránek získali více peněz zvýšením počtu konverzí, pokud je výběr omezený. Celkově, minimalismus vytváří čisté, dobře organizované a čisté webové stránky, které usnadňují návštěvníkům vašich stránek. To je důvod, proč je použít v návrhu webu.