Existuje mnoho postupů a rad, jak vytvořit špičkové grafické návrhy a UX/UI projekty. Práce v odstínech šedi může být velmi prospěšná při tvorbě UX/UI prvků nebo celých stránek. Pokud chcete zlepšit efektivitu vašeho designu, nebo se naučit nové techniky, které vám pomohou posunout vaše návrhy na vyšší úroveň, přečtěte si těchto 10 důvodů, proč navrhování UX/UI v odstínech šedi zvýší vaši designérskou úspěšnost.
MUO VIDEO DNE
POKRAČOVÁNÍ V OBSAHU POKRAČUJTE PŘEJÍMÁNÍM
1. Zlepšení přístupnosti
UX/UI, neboli uživatelská zkušenost a uživatelské rozhraní, by měly v první řadě poskytovat uživatelům co nejlepší zážitek s rozhraními, které dokážete vytvořit. To zahrnuje návrh přístupný pro všechny uživatele, kteří s vaším návrhem interagují.
Navrhování v odstínech šedi vám umožňuje soustředit se nejprve na kritické aspekty přístupnosti designu, jako je kontrast, velikost a mezery. Použitím odstínů šedé snadno identifikujete kontrastní prvky. Kontrast je často přehlížen při práci s barevným designem, zejména pokud nemáte žádné zrakové postižení, které by vám nedostatek kontrastu ztěžoval.
Začněte s vysoce kontrastními návrhy v odstínech šedi a poté aplikujte barvy v souladu s pokyny pro přístupnost WCAG. Můžete také použít nástroje, které simulují barvoslepost, a zjistit, jak váš návrh vypadá pro ostatní. Zajistíte tak, že vaše UX/UI návrhy budou dostupné širšímu okruhu lidí.
2. Zaměření na rozvržení a strukturu
Jako designér se primárně soustředíte na funkčnost spíše než na formu. Design musí nejen vypadat dobře, ale také dobře fungovat. Při navrhování v odstínech šedi se můžete plně soustředit na rozvržení a strukturu návrhu, aniž by vás rozptylovaly barvy.
Konkrétně v UX/UI designu je nejdůležitější rozložení a struktura. Navrhujete způsob, jakým uživatelé interagují s vaší aplikací nebo webovou stránkou. Rozložení musí být intuitivní a struktura stránky nebo aplikace by měla být jasná. Barvy přijdou na řadu až po doladění všech ostatních aspektů.
3. Neutrální výchozí bod pro spolupráci
Pokud pracujete v designérském týmu, začátek s návrhem v odstínech šedi umožní všem začít na neutrální půdě. Často se stává, že kreativní týmy se zasekávají na nepodstatných detailech, jako je barva, zatímco existují mnohem důležitější aspekty UX/UI designu.
Začnete-li s odstíny šedé, vaše spolupráce se bude moci soustředit na to, co je nejdůležitější. Můžete navrhovat prvky, rozvržení, typografii a rozhraní bez jakéhokoli rozptylování barvami a dekoracemi.
Jakmile se tým shodně na základním návrhu UX/UI, můžete začít uvažovat o barvách, které vylepší konstrukční návrh. V tomto okamžiku bude tým pracovat harmonicky a rozhodování o barvách již nebude tak stresující.
4. Rychlejší iterace
Mít kompletní základ návrhu a vědět, jak funguje, znamená, že proces vytváření iterací je mnohem rychlejší. Pokud se nezaměřujete na barvu, iterace se vytváří, sdílí a rozhoduje o nich rychleji, zejména při přímé práci s klienty.
Klienti se často zaměřují na barvu dříve než na funkčnost návrhu. Odstranění barev z možností iterací znamená, že klient, designérský tým a vy se můžete rychleji soustředit na to, co je potřeba změnit.
Pokud je vše v odstínech šedi, je přesouvání prvků nebo změna velikosti jejich částí rychlejší. Nebudete muset neustále přebarvovat prvky tak, aby pasovaly, ani zvažovat jejich umístění na základě podobných nebo rozdílných barev. To zaručeně urychlí proces návrhu.
5. Snadnější kolorování
Je mnohem snadnější přidat barvu, pokud jste návrh vytvořili v odstínech šedi. Pokud je vše předem navrženo a schváleno, pak je barva téměř posledním krokem procesu.
Práce v odstínech šedi vás neomezuje pouze na návrhy v černé barvě. Můžete navrhovat v různých odstínech šedé, což vám umožní vkládat kontrastní rozdíly do vašich návrhů už během procesu tvorby.
Díky odlišnostem ve vizuálním kontrastu je mnohem snazší a rychlejší přiřazovat barvy prvkům, zejména při dodržování pokynů pro přístupnost z hlediska barevného kontrastu. Použijete-li omezenou paletu barev, měli byste každé barvě přiřadit hodnotu kontrastu. Pak už stačí jen zadat každou barvu kontrastu do vašeho návrhu v odstínech šedi.
6. Eliminace vizuálního nepořádku
Práce v odstínech šedi vám umožní soustředit se na podstatné prvky návrhu. Příliš mnoho barev může způsobit zmatek během procesu navrhování i ve finálním produktu.
Odstranění rušivých barev při navrhování může vést k čistým a organizovaným návrhům, které zaručí, že nebudete přehánět design barvami ani jinými prvky. Váš UX/UI design bude bez vizuálního nepořádku a vynikne váš elegantní návrh.
7. Barva není nejdůležitějším faktorem
Barva často pomáhá upevnit styl nebo pokyny značky a často se stává prvkem, podle kterého je váš projekt, značka nebo podnikání rozpoznatelný. Nicméně, barva není nejdůležitějším faktorem UX/UI designu. Sami to poznáte, pokud někdy přepnete svůj iPhone do režimu šedé.
Pokud návrh bez problémů funguje v odstínech šedi, znamená to, že je funkční. Nezáleží na tom, jaké barvy jsou v návrhu použity, protože nejsou rozhodující pro jeho funkčnost.
Přidáním textury a tvaru do UX/UI návrhů zvýšíte jejich funkčnost více než pouhým použitím barev. Stejně jako u pravidel kompozice fotografie, existují pravidla kompozice i pro design, a jsou velmi podobná.
Analyzujte svůj UX/UI design a ujistěte se, že funguje dobře, je přístupný všem a vypadá dobře. Následně aplikujte barvu, aby reflektovala vaši značku.
8. Získání konstruktivnější zpětné vazby
Tento aspekt byl zmíněn již v jednom z předchozích bodů. Pokud odstraníme barvy z rovnice, získá váš UX/UI návrh konstruktivnější zpětnou vazbu. Platí to jak v případě, kdy zpětnou vazbu získáváte od svého designérského týmu, tak v případě, kdy sdílíte svůj projekt s klientem, který o designu nic neví.
Lidé přirozeně vnímají barvy a spojují si je s určitými aspekty, například s negativními nebo pozitivními konotacemi, genderovými očekáváními nebo jinými asociacemi. Pokud budete prezentovat své návrhy v odstínech šedi, vaše konstruktivní kritika se bude moci zaměřit výhradně na design, aniž by byla ovlivněna asociacemi s barvami.
9. Úspora času a peněz
V obchodním světě platí, že čas jsou peníze. Pokud ušetříte čas při navrhování v odstínech šedi, ušetříte z dlouhodobého hlediska i peníze.
Přidávání barev v počátečních fázích návrhu vyžaduje čas. Nepochybně byste tak strávili čas změnou nebo úpravou barev v průběhu procesu návrhu, místo abyste se soustředili na jeho tvorbu. To znovu prodlužuje proces návrhu.
Přidáním barev až na konci návrhu již budete vědět, které prvky a rozložení používáte. Je mnohem snazší – a rychlejší – přidat barvy ke stávajícím prvkům návrhu, než se pokoušet zvažovat barvy pro prvky, které ještě neexistují.
10. Barvy UX/UI lze změnit
UX/UI návrhy a aplikace umožňují mnoha uživatelům vzít barvy do svých rukou. Zatímco váš návrh rozhraní je stěžejní a barva je poslední částí implementace designu, nezapomeňte, že mnoho uživatelů si mění barvy webových stránek a aplikací na svém zařízení.
Světlý a tmavý režim změní vámi vybrané barvy, i když byste měli ve vašem procesu navrhovat pro každou možnost. Můžete si prohlédnout naše tipy pro návrh uživatelského rozhraní v tmavém režimu.
Existuje spousta vtipných nástrojů, které uživatelům umožňují měnit barvy designu na cokoliv, co si přejí, bez ohledu na barvy, které jste si vybrali. Tyto nástroje – ať už se jedná o uživatele iPhonů, kteří si mění barvy textových bublin, nebo o uživatele, kteří si mění barvu textu na zařízeních iOS – to znamená, že vaše úsilí s navrhováním barev může být zbytečné. Je proto lepší, když váš návrh funguje v odstínech šedi, nebo jakékoli jiné barvě, a nejen v jedné konkrétní.
Navrhování v odstínech šedi zlepší vaše UX/UI návrhy
Může se zdát divné začít navrhovat v odstínech šedi, když jste byli zvyklí navrhovat v barvách, ale je dobré to vyzkoušet. Práce v odstínech šedi zvýrazní důležité prvky návrhu, jako jsou tvary, textury a přístupnost. To dodá vašemu návrhu větší hloubku, místo toho, abyste se soustředili na prvky, jako je barva, kterou mohou uživatelé snadno změnit.