Porady Guru Web Design: Epizod 6. Kołor

Glówny element każdej strony jest kolor tła i tekstu. Gdy są złe założeni mogą stać się przyczyną wielu problemów w przyszlości. Więc, jeśli chcesz dowiedzieć się jak wybrać najlepszy schemat kolorów dla strony – siadaj wygodnie i słuchaj co Ci mówi Wielki Guru Web Design.

W czasy królowania tekstowych konsoli na monitirach popularnym rozwiązaniem dla wyboru kolorów dla tla i tekstu strony byłi szare lub zielonkawe dla treści tekstówej i czarny dla tla. Dziś są stosowane różne kolory, które zapewniają wzajemną koordynację różnych elementów strony i przyczyniają się do ujednolicenia jej wyglądu. Dzsiejsza porada Wielkiego Guru Web Design jest taka:

Ale dobierając kolorowy schemat warto pamiętać o kilku rzeczach.

Kontrast

Podzczas pracy ba projektowaniem układu strony trzeba pamiętać, że użytkownik może używać innego kroju pisma niż Ty. A to znaczy że Twój wpływ na końcowy wygląd strony będzie minimałny. Więc musisz zaprojektować uklad, aby był czytelny dla większości internautów.

Jest kilku rzeczy o których musisz pamiętać:

  • większość internautów korzysta z matryc LCD, które są zwykle dużo jaśniejsze, więc trzeba uważać aby tlo nie okazało się zbyt kontrastowe dla oczy.
  • w web design duże znaczenie ma moda. Więc warto zwrócić uwagę na kontrast na dużych i popularnych serwisach.

Manipulacje z kolorami i jasnością dają olbrzymie możliwości. Z ich pomocą łekko wświetlić ważne elementy strony użytkownikom. Albo na odwrót. Z pomocą kolorów i jasności możesz odwrócić uwagę czytelnika od nie zbyt ważnych elementów strony i skupić ją na głównym tekscie.

Kolor

Oczywiście jeden kolor nie wystarczy. Najlepszym rozwiązaniem będzie skorzystanie z gotowej palety, np. koła kolorów. Oprócz tego będziesz musiał popracować z kontrastem kolorów. Jak już mówiliśmy, zbyt duży kontrast będzie raził oczy i odwracał uwagę użytkownuka. I odwrotnie za niski kontrast sprawi że tekst będzie nieczytelny. Aby dobrać najlepsze wartości pomoże Ci darmowe narzędzie Colour Contrast Check, sprawdzające kontrast.

* * *

Wybór kolorów, oraz praca z kontrastem elementów na stronie — to wcale nie jest łatwe. Wielu projektantów uważa, że dobrym rozwiązaniem jest ustawienie neutralnych kolorów, jasnego tła i tekstu w prawie czarnym, szarym kolorze. Ale nie zawsze jest to możliwe. Ustawiając inny schemat kolorów, np. jak jasny tekst na ciemnym tle, wszystko będzie zależalo od ustawień lokalnych u końcowego użytkownika. A to znaczy, że będziesz miał bardzo ograniczony wpływ na ostateczny wygląd jstrony. Więc, dobierając kolory i ustawiając znaczenie kontrastu między tekstem a tłem, głównym zadaniem jest stworzenie designu, z którym strona będzie czytelna dla internautów.



Katarzyna Pawłowska

W branży IT od 8 lat. Fan nowych technologii webowych, web designu oraz rozwiązań użytecznych i funkcjonalnych. W praktyce: marketer, DJ, blogerka. W wolnym czasie wspiera inicjatywy propagujące wiedzę z dziedziny SMM i rozwija swoją miłość do crossfitu.