Zatiaľ čo mnohí dizajnéri používateľského rozhrania a UX budú vytvárať svoje projekty vo farbe, použitie odtieňov sivej môže byť dobrý nápad. Tu sú výhody.
Existuje veľa techník a tipov na vytváranie najlepších grafických návrhov a návrhov UX/UI. Navrhovanie v odtieňoch sivej môže byť prospešné pri navrhovaní prvkov alebo stránok UX/UI. Ak ste chceli zvýšiť výkon svojho dizajnu alebo sa naučiť nové techniky na zlepšenie svojich návrhov, skontrolujte zvážte týchto 10 dôvodov, prečo navrhovanie návrhov UX/UI v odtieňoch sivej zvýši váš úspech dizajnu.
1. Lepšia dostupnosť
UX/UI – používateľská skúsenosť/používateľské rozhranie – primárnou funkciou dizajnu je poskytnúť vašim používateľom tú najlepšiu skúsenosť s najlepšími rozhraniami, ktoré môžete vytvoriť. To zahŕňa vytváranie prístupného dizajnu pre vašich používateľov a zahrnutie každého, kto interaguje s vaším dizajnom.
Navrhovanie v odtieňoch sivej vám umožňuje zamerať sa najskôr na dostupné časti dizajnu, ako je kontrast, veľkosť a medzery. Pri použití odtieňov sivej môžete ľahko zistiť kontrast. Kontrast sa pri farebnom navrhovaní často prehliada, najmä ak nemáte žiadne zrakové postihnutie, kvôli ktorému je nedostatok kontrastu ťažko rozpoznateľný.
Najprv navrhnite vo vysoko kontrastných odtieňoch sivej a potom vo farbe Pokyny pre prístupnosť WCAG, a môžete tiež použiť nástroje na simuláciu farbosleposti aby ste videli, ako váš dizajn vyzerá pre ostatných. Tým sa zabezpečí, že vaše návrhy UX/UI budú dostupné pre viac ľudí.
2. Zameriava sa na rozloženie a štruktúru
Ako dizajnér sa primárne zameriavate skôr na funkciu ako na formu. Hoci dizajnéri robia veci dobre, musia tiež dobre fungovať, kým budú pekné. Pri navrhovaní v odtieňoch sivej sa môžete sústrediť na rozloženie a štruktúru svojho dizajnu bez toho, aby vás rozptyľovala farba.
Konkrétne v dizajne UX/UI sú najdôležitejšie rozloženie a štruktúra. Navrhujete, ako používateľ interaguje s vašou aplikáciou alebo webovou stránkou. Rozloženie musí dávať zmysel a štruktúra stránky alebo aplikácie by mala byť konkrétna. Farba môže nasledovať, keď je zvyšok na svojom mieste.
3. Východiskový bod neutrálnej spolupráce
Ak pracujete v dizajnérskom tíme, navrhovanie v odtieňoch sivej umožní každému začať na neutrálnom mieste. Príliš často tímy kreatívnych ľudí narážajú na také nepodstatné prvky, ako je farba, keď existujú dôležitejšie aspekty dizajnu UX/UI.
Začať na neutrálnom mieste s odtieňmi sivej umožní vašej spolupráci zamerať sa na to najdôležitejšie. Môžete navrhovať prvky, rozloženia, typografiu a rozhranie bez premýšľania o farbách a dekoráciách.
Keď sa spolupráca dohodne s návrhom rozloženia UX/UI, môžete zvážiť farby na zlepšenie štrukturálneho dizajnu. V tomto bode by váš tím harmonicky spolupracoval a rozhodovanie o farbe nebude také stresujúce.
4. Rýchlejšie iterácie
Úplný základ vášho návrhu a poznanie jeho fungovania znamená, že vytváranie iterácií je oveľa rýchlejší proces. Keď sa nezameriavate na farby, iterácie sú rýchlejšie pri vytváraní, zdieľaní a rozhodovaní, najmä keď pracujete priamo s klientmi.
Klienti sa často zameriavajú na farbu pred funkciou dizajnu. Odstránenie farby z možností iterácie znamená, že klient, dizajnérsky tím a vy sa môžete rýchlejšie zamerať na to, čo je potrebné zmeniť.
Keď je všetko v odtieňoch sivej, presúvanie prvkov alebo zmena veľkosti častí je rýchlejšia. Nebudete musieť neustále prefarbovať prvky, aby sa zmestili alebo zvažovali umiestnenia na základe podobných alebo nezhodných farieb. To určite urýchli dizajnovú zložku.
5. Jednoduchšie zafarbenie
Je oveľa jednoduchšie pridať farbu, ak ste navrhli v odtieňoch sivej. Ak je všetko vopred navrhnuté a dohodnuté, farba je takmer posledným krokom procesu.
Navrhovanie v odtieňoch sivej vás neobmedzuje len na navrhovanie v čiernej farbe. Môžete navrhnúť v odtieňoch šedej, čo vám umožní vložiť rozdiely v kontraste do vašich návrhov počas procesu navrhovania.
Vďaka rozdielom vo vizuálnom kontraste je oveľa jednoduchšie a rýchlejšie priraďovať farby prvkom, najmä ak dodržiavate pokyny na prístupnosť pre farebný kontrast. Pri použití obmedzenej farebnej palety by ste mali každej farbe priradiť hodnotu kontrastu. Potom už len zadáte každú farbu kontrastnej hodnoty do svojho dizajnu v odtieňoch sivej.
6. Zastaví vizuálny neporiadok
Navrhovanie v odtieňoch sivej vám umožňuje zamerať sa na dizajnové prvky. Príliš veľa farieb môže spôsobiť neporiadok počas vášho návrhu – v procese návrhu aj v konečnom produkte.
Odstránenie rozptyľovania farieb pri navrhovaní môže viesť k čistým a organizovaným dizajnom, čím sa zabezpečí, že nebudete preháňať dizajn farbami alebo inými prvkami. Váš dizajn UX/UI bude bez neporiadku a namiesto toho ukáže váš elegantný dizajn.
7. Farba nie je najdôležitejším faktorom
Farba často pomáha cementu štýl značky alebo pokyny a často sa stáva prvkom, ktorým je známy váš projekt, značka alebo podnikanie – ale farba nie je najdôležitejším faktorom dizajnu UX/UI. Budete to vedieť, ak ste niekedy zmenil váš iPhone do režimu v odtieňoch sivej.
Ak návrh stále funguje bez problémov v odtieňoch sivej, potom váš návrh funguje úspešne. Nezáleží na tom, aké farby sú vo vašom dizajne, pretože nie sú dôležité pre funkciu.
Pridaním textúry a tvaru do návrhov UX/UI sa zvýši funkčnosť v porovnaní s používaním farieb. Ako s pravidlá kompozície fotografie, existujú pravidlá kompozície aj pre dizajn a sú veľmi podobné.
Prelomte svoj dizajn UX/UI a zabezpečte, aby fungoval dobre, bol prístupný pre všetkých a dobre vyzeral. Potom naneste farbu, aby odrážala vašu značku.
8. Získajte konštruktívnejšiu spätnú väzbu
V predchádzajúcom bode sme sa toho zľahka dotkli, ale ak sa z rovnice vylúči rozptýlenie farieb, váš dizajn UX/UI dostane konštruktívnejšiu spätnú väzbu. Je to tak, či už prijímate kritiku od svojho dizajnérskeho tímu profesionálnych dizajnérov, alebo či zdieľate svoj projekt s klientom, ktorý o dizajne nič nevie.
Prirodzene, ľudia vidia farbu a spájajú ju s určitými aspektmi, ako sú negatívne alebo pozitívne konotácie, rodové očakávania alebo iné asociácie. Prezentáciou vzorov v odtieňoch sivej sa vaša konštruktívna kritika môže zamerať iba na dizajn bez toho, aby bola zatienená farebnými asociáciami.
9. Ušetrite čas a peniaze
Vo svete biznisu sú čas peniaze. Tým, že ušetríte čas pri navrhovaní v odtieňoch sivej, šetríte peniaze z dlhodobého hľadiska.
Pridanie farby v počiatočných fázach navrhovania si vyžaduje čas. Potom by ste nepochybne trávili čas zmenou alebo úpravou farieb počas procesu navrhovania namiesto toho, aby ste sa zamerali na dizajn. To opäť vyžaduje viac času od procesu návrhu.
Pridaním farby na koniec svojho návrhu už budete vedieť, ktoré prvky a rozloženia používate; je oveľa jednoduchšie – a rýchlejšie – pridať farbu k existujúcim dizajnovým prvkom, ako sa snažiť zvážiť farby pre prvky, ktoré ešte neexistujú.
10. Farby UX/UI možno zmeniť
Dizajn a aplikácie UX/UI umožňujú mnohým používateľom vziať farby do vlastných rúk. Zatiaľ čo váš návrh rozhrania je stredobodom pozornosti a farba je poslednou súčasťou vašej implementácie návrhu, nezabudnite, že veľa používateľov mení farby svojich webových stránok a aplikácií zariadenia.
Svetlý a tmavý režim zmenia váš výber farieb – aj keď by ste aj tak mali navrhnúť každú možnosť v procese; pozrite si naše tipy na navrhovanie používateľského rozhrania v tmavom režime.
Existuje veľa zábavných vtipov, ktoré ľuďom umožňujú zmeniť farby dizajnu na čokoľvek, čo chcú, bez ohľadu na to, aké farby si v tomto procese vyberiete. Tieto bizarné nástroje – napríklad používatelia iPhone zmena farieb textových bublín alebo zmena farby textu na zariadeniach so systémom iOS— Znamená to, že vaše úsilie pri navrhovaní farieb môže vyjsť von z okna a je lepšie, aby váš návrh fungoval v odtieňoch sivej alebo akejkoľvek farby, a nie iba v jednej farbe.
Dizajn v odtieňoch sivej rozšíri vaše návrhy UX/UI
Môže sa zdať zvláštne začať navrhovať v odtieňoch sivej, keď ste žili svoj život pri navrhovaní vo farbe, ale je dobré začať s tým. Navrhovanie v odtieňoch sivej zvýši dôraz na dôležité prvky dizajnu, ako sú tvary, textúry a dostupnosť. Vášmu dizajnu to dá väčší význam namiesto toho, aby ste sa zamerali na prvok, ako je farba, ktorú môžu používatelia aj tak ľahko zmeniť.
