Teoria koloru Blog
Artykuły i poradniki o teorii koloru, projektowaniu UI, zasadach harmonii barw i dostępności w sieci.
Jak wybrać paletę kolorów: przewodnik krok po kroku
Praktyczna metoda od początku do końca na wybór palety kolorów — wybierz odcień bazowy, regułę harmonii, przydziel proporcje 60/30/10, sprawdź kontrast WCAG i przetestuj w realnym kontekście.
Jak projektować palety przyjazne osobom z daltonizmem
Praktyczny przewodnik po projektowaniu palet przyjaznych daltonistom — główne typy zaburzeń widzenia barw, dlaczego sam odcień nigdy nie wystarcza, bezpieczne pary kolorów i jak testować z symulatorami.
Jak dobrać schemat kolorów dla swojej strony internetowej
Praktyczny, ukierunkowany na web przewodnik po budowaniu prawdziwego schematu kolorów strony — kolor podstawowy, neutralne, czytelny tekst, akcent/CTA, kolory stanów semantycznych i kolory linków — złożony z wygenerowanej palety i sprawdzony pod kątem dostępności.
Reguła 60-30-10: równoważenie koloru w projektowaniu
Praktyczny przewodnik po regule 60-30-10 — jak proporcja koloru tworzy równowagę w projektowaniu UI i stron, z prawdziwymi przykładami hex, częstymi błędami i powtarzalną metodą.
Kolory ciepłe vs zimne: temperatura barwowa w projektowaniu
Praktyczny przewodnik po temperaturze barwowej — które kolory są ciepłe, a które zimne i dlaczego, jak ciepłe wysuwają się do przodu, a zimne cofają, temperatura w obrębie jednego odcienia oraz jak zrównoważyć obie w jednej palecie, z prawdziwymi kodami hex.
Tinty, cienie i tony — wyjaśnienie
Praktyczny przewodnik po tintach, cieniach i tonach — czym jest każde z nich, czym walor różni się od nasycenia oraz jak zbudować czystą skalę monochromatyczną z jednego odcienia w HSL, z prawdziwymi kodami hex dla powierzchni UI, stanów najechania i zablokowania.
Kody kolorów HEX, RGB i HSL — wyjaśnienie
Praktyczne, konkretne omówienie kodów kolorów HEX, RGB i HSL — co tak naprawdę koduje każdy z nich, kiedy po który sięgnąć i dlaczego HSL to format, którego zechcesz użyć do regulowania jaśniejszych i ciemniejszych odcieni.
Jak używać koła barw do doboru kolorów
Praktyczny przewodnik po tym, jak naprawdę używać koła barw: jak odcień, nasycenie i jasność na nie się mapują, różnica RYB kontra RGB, którą wprowadzają nowoczesne narzędzia, i jak czytać każdą harmonię jako kąt.
Harmonia kolorów w projektowaniu interfejsów — co naprawdę oznacza
Praktyczny przewodnik po harmonii kolorów w projektowaniu UI — jak działa każdy schemat na kole barw, prawdziwe przykłady hex, role koloru dominującego/uzupełniającego/akcentowego oraz błędy, których należy unikać.
Współczynniki kontrastu WCAG wyjaśnione: praktyczny przewodnik projektanta
Praktyczny przewodnik starszego projektanta po współczynnikach kontrastu WCAG — co naprawdę oznaczają 4,5:1, 3:1 i 7:1, AA kontra AAA, tekst duży kontra normalny, zasada 1.4.11 dla elementów nietekstowych oraz jak mierzyć i naprawiać niski kontrast.
Psychologia koloru w brandingu: przewodnik praktyka
Spojrzenie starszego projektanta na psychologię koloru w brandingu — co kolory naprawdę sygnalizują, dlaczego klisze są w połowie błędne i praktyczny proces świadomego doboru kolorów marki.
Tworzenie skalowalnych tokenów kolorów dla systemów projektowych
Praktyczny przewodnik po strukturze tokenów kolorów prymitywnych, semantycznych i komponentowych — konwencje nazewnicze, skale liczbowe, motywy trybu ciemnego oraz błędy, które po cichu rozbijają systemy projektowe wraz z ich rozwojem.
Najlepsze praktyki dla palet kolorów w trybie ciemnym
Praktyczny przewodnik po budowaniu palet kolorów do trybu ciemnego, które naprawdę działają — ciemne szarości zamiast czystej czerni, wrażenie głębi (elevation), wyciszone akcenty, kontrast WCAG i błędy, które widuję najczęściej.
Paleta dopełniająca dzielona kontra triadyczna: praktyczny przewodnik projektanta
Praktyczne porównanie schematów dopełniającego dzielonego i triadycznego — dokładne kąty na kole, nastrój każdego z nich, przykłady z kodami hex i jak wybierać między nimi.