DES Colors: Pravidlá pri práci s farbami a ich vedomé prekračovanie

Publikované
31.1.2026
Autor
Dominik Sušila
Background Image
V rámci kurzu som si prešiel UI kurz od agentúry OBYS, ktorá patrí medzi medzinárodne oceňované digitálne štúdiá a má na konte viac než osemdesiat ocenení od platforiem ako Awwwards alebo CSSDA. Kurz bol zameraný na zlepšenie práce s UI, konkrétne na vizuálnu stránku dizajnu, teda farby, kontrasty a prácu s obrazovým materiálom.

Na začiatku som bol k obsahu pomerne skeptický. Kurzu začínal vysvetľovaním základov a obával som sa, že sa bude pokračovať v podobne všeobecnej rovine. Postupne sa však ukázalo, že úvod slúžil len ako základ a samotný kurz ide výrazne viac do hĺbky. Najväčšiu hodnotu pre mňa predstavovalo detailné rozoberanie konkrétnych rozhodnutí a spôsobu uvažovania nad vizuálnymi prvkami.

Veľmi oceňujem, že autori kurzu otvorene ukazovali svoje know how a spôsob práce v reálnych projektoch. Nešlo len o teóriu, ktorú je možné si kdekoľvek dohľadať, ale najmä o praktické uvažovanie nad farbami v kontexte konkrétneho zadania a reálneho produktu.

Práca s farbami v reálnych projektoch

Najprínosnejšia pre mňa bola časť venovaná práci s existujúcou vizuálnou identitou. Ide o situáciu, s ktorou sa stretávam aj v praxi najčastejšie. Kurz ukazoval, ako pristupovať k značke, ktorá má silné a výrazné farby, ale v digitálnom prostredí pôsobia príliš dominantne. Konkrétny príklad projektu s výraznou ružovou farbou mi pomohol pochopiť, ako pomocou moodboardu nastaviť nový vizuálny tón webu bez toho, aby sa poprela identita značky.

zdroj: https://des.obys.agency/
zdroj: https://des.obys.agency/
zdroj: https://des.obys.agency/

Dôležitá bola aj téma farebnej hierarchie a práce s neutrálnymi tónmi. Ukážky zlých príkladov z reálnej praxe mi pomohli lepšie pochopiť, prečo dizajny často nefungujú. Vo väčšine prípadov nešlo o zlé farby samotné, ale o ich nevyvážené použitie, prílišnú saturáciu alebo chýbajúcu hierarchiu. Práve neutrálne farby dokážu dizajn vizuálne ukotviť a vytvoriť priestor pre tie výrazné.

zdroj: https://des.obys.agency/

Zaujala ma aj kapitola venovaná vedomému porušovaniu pravidiel. Kurz zdôrazňoval, že znalosť pravidiel je dôležitá práve preto, aby ich bolo možné cielene porušiť. V tej kapitole bola veľmi prínosná aj dlhšia ukážka práce dizajnéra vo Figme, kde bolo možné sledovať celý proces tvorby high fidelity návrhu. Práca s farbami a kontrastmi na reálnom príklade mi pomohla lepšie pochopiť rozhodovací proces a to, ako sa koncepty postupne overujú priamo v dizajne.

zdroj: https://des.obys.agency/

Reflexia a využitie do budúcnosti

Zvedomil som si, ako je dôležitá inšpirácia z iných oblastí, ako je architektúra, umenie alebo príroda. Opäť mi to pripomenulo, že kvalitný UI dizajn nevzniká len z digitálneho prostredia, ale zo všetkého naokolo nás.

Okrem samotného obsahu kurzu som objavil aj niekoľko nástrojov a zdrojov, ktoré považujem za užitočné. Ide najmä o Japanese Gradients ako zdroj inšpirácie pre farebné prechody v UI, nástroj na generovanie odtieňov Shade Generator. Samozrejme aj bonusové materiály, ktoré boli súčasťou kurzu, no tie zdielať nemôžem.

K viacerým častiam kurzu sa budem určite vracať, k niektorým s cieľom lepšie reflektovať moju doterajšiu prácu a iné využijem v budúcnosti pri riešení konkrétnych problémov. Zároveň mám v pláne prejsť aj ďalšie kurzy z tejto série, konkrétne zamerané na gridy a typografiu.