Dobór kolorystyki to jeden z najważniejszych etapów projektowania, ponieważ barwy budują pierwsze wrażenie i podświadomie wpływają na emocje użytkownika. W przypadku witryny o tematyce IT i edukacyjnej warto opierać się na sprawdzonych zasadach harmonii i kontrastu.
Oto kluczowe reguły, którymi warto się kierować:
-
Zasada 60-30-10: To złota proporcja w web designie. 60% strony powinien zajmować kolor dominujący (najczęściej jasne lub ciemne tło), 30% to kolor uzupełniający (struktura, panele, menu), a 10% to tzw. kolor akcentu. Ten ostatni powinien być wyrazisty i używany wyłącznie do kluczowych elementów, takich jak aktywne linki czy przyciski akcji (CTA).
-
Psychologia barw: Kolorystyka musi odpowiadać tematyce witryny. Ciemny grafit lub granat (które świetnie wyglądają w nagłówku) kojarzą się z profesjonalizmem, technologią, stabilnością i wiedzą. Z kolei akcenty pomarańczowe lub żółte dodają energii, przełamują surowość i świetnie przyciągają wzrok do najważniejszych miejsc.
-
Kontrast i czytelność (Standardy WCAG): Tekst musi być doskonale widoczny na tle. Na ciemnym nagłówku białe i generalnie jasne fonty sprawdzają się idealnie, natomiast w głównej części strony (główny content) najlepiej stosować klasyczny układ: ciemnoszary lub czarny tekst na białym bądź bardzo jasnym tle. Zbyt mały kontrast męczy wzrok i zniechęca do czytania dłuższego tekstu.
Modne palety kolorów - coolors.co