Existuje spousta technik a tipů, jak vytvořit ty nejlepší grafické návrhy a návrhy UX/UI. Navrhování ve stupních šedi může být přínosné při navrhování prvků nebo stránek UX/UI. Pokud jste chtěli zvýšit výkon svého návrhu nebo se naučit nové techniky, jak zlepšit své návrhy, podívejte se na těchto 10 důvodů, proč navrhování návrhů UX/UI ve stupních šedi zvýší váš úspěch návrhu.
MUO VIDEO DNE
POKRAČOVÁNÍ V OBSAHU POKRAČUJTE PŘEJÍMÁNÍM
Table of Contents
1. Lepší dostupnost
UX/UI – uživatelská zkušenost/uživatelské rozhraní – primární funkcí designu je poskytnout vašim uživatelům tu nejlepší zkušenost s nejlepšími rozhraními, která můžete vytvořit. To zahrnuje vytváření přístupného designu pro vaše uživatele a přístupnost všem, kdo s vaším návrhem interagují.
Navrhování ve stupních šedi vám umožňuje zaměřit se nejprve na dostupné části návrhu, jako je kontrast, velikost a mezery. Při použití odstínů šedé můžete snadno rozpoznat kontrast. Kontrast je při barevném návrhu často přehlížen, zvláště pokud nemáte žádné zrakové postižení, kvůli kterému je nedostatek kontrastu obtížně rozpoznatelný.
Navrhujte nejprve ve vysoce kontrastních stupních šedi a poté barevně podle pokynů pro usnadnění WCAG a můžete také použít nástroje k simulaci barvosleposti, abyste viděli, jak váš návrh vypadá pro ostatní. Tím zajistíte, že vaše návrhy UX/UI budou přístupné více lidem.
2. Zaměřuje se na rozvržení a strukturu
Jako designér se primárně zaměřujete na funkci spíše než na formu. Přestože designéři dělají věci dobře, musí také dobře fungovat, než budou hezké. Při navrhování ve stupních šedi se můžete soustředit na rozvržení a strukturu svého návrhu, aniž byste byli rušeni barvami.
Konkrétně v designu UX/UI jsou nejdůležitější rozložení a struktura. Navrhujete, jak uživatel interaguje s vaší aplikací nebo webovou stránkou. Rozvržení musí dávat smysl a struktura stránky nebo aplikace by měla být konkrétní. Barva může následovat, jakmile je zbytek na svém místě.
3. Výchozí bod neutrální spolupráce
Pokud pracujete v návrhářském týmu, navrhování ve stupních šedi nejprve každému umožní začít na neutrálním místě. Příliš často týmy kreativních lidí narážejí na prvky tak nepodstatné, jako je barva, když existují důležitější aspekty designu UX/UI.
Začnete-li na neutrálním místě s odstíny šedé, vaše úsilí o spolupráci se zaměří na to nejdůležitější. Můžete navrhovat prvky, rozvržení, typografii a rozhraní, aniž byste přemýšleli o barvách a dekoracích.
Jakmile se spolupráce dohodne s návrhem rozvržení UX/UI, můžete zvážit barvy pro vylepšení konstrukčního návrhu. V tomto okamžiku by váš tým harmonicky spolupracoval a rozhodování o barvě nebude tak stresující.
4. Rychlejší iterace
Mít úplný základ vašeho návrhu a vědět, jak funguje, znamená, že vytváření iterací je mnohem rychlejší proces. Když se nezaměřujete na barvu, iterace jsou rychlejší při vytváření, sdílení a rozhodování, zejména při přímé práci s klienty.
Klienti se často zaměřují na barvu před funkcí návrhu. Odstranění barvy z možností iterace znamená, že klient, návrhářský tým a vy se můžete rychleji soustředit na to, co je třeba změnit.
Když je vše ve stupních šedi, přesun prvků nebo změna velikosti částí je rychlejší. Nebudete muset neustále přebarvovat prvky, aby se vešly, nebo zvažovat umístění na základě podobných nebo neshodných barev. To jistě urychlí konstrukční složku.
5. Snazší kolorování
Je mnohem snazší přidat barvu, pokud jste navrhli ve stupních šedi. Pokud je vše předem navrženo a odsouhlaseno, pak je barva téměř posledním krokem procesu.
Navrhování ve stupních šedi vás neomezuje pouze na navrhování v černé. Můžete navrhovat v odstínech šedé, což vám umožňuje vkládat kontrastní rozdíly do vašich návrhů během procesu návrhu.
Díky rozdílům ve vizuálním kontrastu je mnohem snazší a rychlejší přiřazovat barvy prvkům, zejména při dodržení pokynů pro usnadnění přístupu pro barevný kontrast. Při použití omezené palety barev byste měli každé barvě přiřadit hodnotu kontrastu. Pak už jen zadáte každou barvu kontrastu do svého návrhu ve stupních šedi.
6. Zastaví vizuální nepořádek
Navrhování ve stupních šedi vám umožňuje zaměřit se na prvky návrhu. Příliš mnoho barev může způsobit nepořádek během návrhu – jak v procesu návrhu, tak 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é zajistí, že nebudete přehánět design barvami nebo jinými prvky. Váš design UX/UI bude bez nepořádku a místo toho bude předvádět váš elegantní design.
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, kterým je známý váš projekt, značka nebo podnikání – ale barva není nejdůležitějším faktorem návrhu UX/UI. Poznáte to, pokud jste někdy přepnuli svůj iPhone do režimu ve stupních šedi.
Pokud návrh stále funguje bez problémů ve stupních šedi, pak váš návrh funguje úspěšně. Nezáleží na tom, jaké barvy jsou ve vašem návrhu, protože nejsou důležité pro funkci.
Přidáním textury a tvaru do návrhů UX/UI zvýšíte funkčnost oproti pouhému použití barvy. Stejně jako u pravidel kompozice fotografie existují pravidla kompozice také pro design a jsou velmi podobná.
Prolomte svůj UX/UI design a ujistěte se, že funguje dobře, je přístupný všem a vypadá dobře. Poté naneste barvu, aby odrážela vaši značku.
8. Získejte konstruktivnější zpětnou vazbu
To bylo lehce zmíněno v předchozím bodě, ale s rozptýlením barev z rovnice získá váš návrh UX/UI konstruktivnější zpětnou vazbu. To je případ, ať už přijímáte kritiku od svého designérského týmu profesionálních designérů, nebo zda sdílíte svůj projekt s klientem, který o designu nic neví.
Lidé přirozeně vidí barvu a spojují ji s určitými aspekty, jako jsou negativní nebo pozitivní konotace, genderová očekávání nebo jiné asociace. Prezentací návrhů ve stupních šedi se vaše konstruktivní kritika může zaměřit pouze na návrh, aniž by byla zastíněna asociacemi barev.
9. Ušetřete čas a peníze
V obchodním světě jsou čas peníze. Tím, že ušetříte čas při navrhování ve stupních šedi, šetříte z dlouhodobého hlediska peníze.
Přidání barvy v počátečních fázích návrhu vyžaduje čas. Pak byste nepochybně strávili čas změnou nebo úpravou barev v průběhu procesu navrhování, místo abyste se soustředili na navrhování. To opět zabere více času procesu návrhu.
Přidáním barvy na konec návrhu již budete vědět, které prvky a rozvržení používáte; je mnohem snazší – a rychlejší – přidat barvu 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
Návrhy a aplikace UX/UI umožňují mnoha uživatelům vzít barvy do vlastních rukou. Zatímco váš návrh rozhraní je středem zájmu a barva je poslední částí vaší implementace návrhu, pamatujte, že mnoho uživatelů mění barvy svých webových stránek a aplikací v zařízení.
Světlý a tmavý režim změní váš výběr barev – i když byste stejně měli navrhnout pro každou možnost ve vašem procesu; podívejte se na naše tipy pro návrh uživatelského rozhraní v tmavém režimu.
Existuje mnoho zábavných vtipů, které lidem umožňují změnit barvy designu na cokoliv, co chtějí, bez ohledu na to, jaké barvy si v procesu zvolíte. Tyto svérázné nástroje – jako uživatelé iPhonů měnící barvy textových bublin nebo měnící barvu textu na zařízeních iOS – znamenají, že vaše úsilí při navrhování barev může vyjít z okna, a je lepší, aby váš návrh fungoval ve stupních šedi nebo v jakékoli barvě, nikoli pouze v jedné barvě.
Navrhování ve stupních šedi rozšíří vaše návrhy UX/UI
Může se zdát zvláštní začít navrhovat ve stupních šedi, když jste žili v navrhování v barvách, ale je dobré začít. Navrhování ve stupních šedi zvýší důraz na důležité prvky návrhu, jako jsou tvary, textury a dostupnost. To dá vašemu návrhu větší význam, místo toho, abyste se zaměřili na prvek, jako je barva, kterou mohou uživatelé stejně snadno změnit.