Wybieramy kolorystykę dla nowej strony internetowej

Zestaw kolorów na naszej stronie internetowej może zapewnić dłuższe i częstsze wizyty, zachęcić do zakupów, lub odwrotnie –  odstraszyć i zniechęcić do korzystania z naszych usług.

Kolor. Rzecz subiektywna, indywidualne postrzeganie światła i obiektu przez nasze oko. Z drugiej strony, wydarzeniom, przedmiotom, miejscom i właśnie kolorom często przypisujemy podobne jak inni ludzie wrażenia zmysłowe.

Projektując stronę internetową należy wziąć pod uwagę właściwości poszczególnych barw, ich połączeń i związane z tym wrażenia odbiorców.

Kolory działają nie tylko na nasz zmysł estetyczny, ale również na naszą psychikę, samopoczucie, emocje, a to przekłada się na działania internautów. 

Każdy, kto przystępuję do tworzenia projektu graficznego strony internetowej, musi sobie odpowiedzieć na podstawowe pytania:

§         Jaki jest rodzaj prezentowanych treści i jakich działań spodziewamy się po odbiorcach?

§         Do kogo adresujemy stronę (płeć i wiek, grupa społeczna czy kulturowa).

Tematyka strony i określenie grupy docelowej będą miały znaczący wpływ na projekt graficzny oraz na zastosowaną kolorystykę.

Warto pamiętać o wpływie temperatury kolorów na nastrój naszych klientów/użytkowników strony. Kolory cieple (pomarańczowy, żółty, czerwony) stymulują do działania, wyzwalają  pozytywną energię. Kolory zimne (niebieski, zielony, fioletowy, szary) działają uspokajająco, używane są często jako tło, dla lepszego kontrastu.

Ogólne zasady mówią również, że portale dla kobiet powinny mieć jasną, pastelową kolorystykę, a dla mężczyzn mocne i odważne kolory. Na dzieci najlepiej działają  kolory jasne i żywe, na młodzież – kolory jednolite i czyste, a na ludzi starszych – jasne i pastelowe.

Na stronie internetowej najlepiej używać kilku głównych kontrastujących kolorów –dwóch, maksymalnie trzech.  Oczywiście, można stosować różne odcienie tych samych kolorów dla elementów takich jak tła tabel czy nagłówków.

Nie należy zmieniać  kolorystyki strony zbyt często, a idealnie – nie zmieniać jej w ogóle. Klient przyzwyczajony do danego wyglądu, będzie czuł się zdezorientowany. Trzymanie się jednego schematu kolorystycznego nie przeszkadza w stosowaniu dowolnych liftingów projektowych, kiedy trzeba.

Kolorystyka strony powinna być spójna z identyfikacją graficzną firmy. Po wybraniu jednego koloru (np.  z logo), możemy dobrać pozostałe, korzystając z wymienionych niżej narzędzi.

Jeśli wraz ze stroną internetową tworzymy od początku wizualizację firmy, portalu, inicjatywy, możemy szukać inspiracji kolorystycznych w ulubionych zdjęciach, które chcemy wykorzystać w graficznej aranżacji strony. W tym też pomogą nam dostępne w internecie aplikacje.

Przy projektowaniu grafiki polecamy:

AdobeKuler – wiele pomocnych funkcji, pozwalających m.in. na tworzenie palety barw ze zdjęcia;
Color Scheme Designer – koło kolorów; możliwość podglądu strony testowej w wybranej kolorystyce;  

Color Jack – koło kolorów; podgląd 2 wersji testowych strony (jasnej i ciemnej);  

Color Wizard – koło kolorów, przewodnik; 

ColorBlender – automatyczne dobieranie pasujących do siebie kolorów;  

Color Match – pozwala na symulację wyglądu kluczowych elementów strony internetowej;  

Multicolr Search Lab i Colr Pickr – wyszukiwarki zdjęć (z flickra) po kolorach;  

color.org – tworzy paletę kolorów na podstawie fotografii;

Color Hunter – znajduje pasujące tematycznie zdjęcia i pobiera z nich palety barwne.