Kolory, czyli bodźce dla mózgu

Stykamy się z nimi, na co dzień. Kolory czasami wpływają na nasz nastrój, niektóre od razu kojarzą się nam z czymś konkretnym. I wierzcie mi KOLOR MA ZNACZENIE. Ile razy każdy z nas odblokowuje swój telefon by sprawdzić czy ktoś nie napisał do nas na Facebooku, czy nie dostaliśmy maila? 

Zauważmy, że niezależnie od urządzenia notyfikacje wyglądają tak samo, nasz mózg widząc je któryś raz z rzędu zaczyna działać podświadomie. Czasami chcieliśmy gdzieś po prostu zadzwonić, ale gdy tylko spojrzymy na powiadomienie automatycznie klikamy na ikonę. Ten czerwony kolor przez fakt użycia kontrastu skupia na sobie, jako pierwszy uwagę użytkownika. A co powiecie na formularz do rejestracji na jednym z portali randkowych. 

Pierwsze, co przykuwa naszą uwagę to różowy, duży i wyraźny przycisk, z którego dowiadujemy się, że rejestracja jest bezpłatna. Automatycznie kusimy użytkownika, bo jak wiadomo, jeśli coś jest bezpłatne to nie wypada nie spróbować. Poza wszechobecną szarością mamy jeszcze zielone znaczki odhaczania. To nic innego jak wiadomość „Zaufajcie nam, szukasz tego? My to mamy!”. I tu zaczynają się pytania. Jak to dobierać :

1. Żeby dotrzeć do ludzi? 

2. Żeby do siebie pasowało? 

3. Żeby przekazać konkretną informacje? 

Wiem, że ja sobie zadawałam te pytania i Ty też powinieneś. Zanim pomyślisz „Stworzę coś innowacyjnego” albo, co gorsza „O ten kolor mi się podoba” napiszę Ci, co mi pomogło i nakierowało na właściwą ścieżkę (co nie znaczy że mnie też czasem nie ponosi wyobraźnia). 

HALO, HALO! JA JUŻ COŚ ZNACZĘ!

Musisz ostrożnie dobierać kolory, niektóre już mają przypisane znaczenie.

Zwróćmy uwagę na sygnalizacje świetlną. Widzisz CZERWONE automatycznie się zatrzymujesz. Po zobaczeniu ŻÓŁTEGO nie jesteś aż tak przejęty, czasami przejeżdżasz. No i najlepsze na koniec ZIELONE, czyli jazda! Ludzie, którzy wchodzą na Twoją stronę, mają już te określone, utarte znaczenia kolorów w głowie, zresztą Ty zapewne też. Zmieniając taką podstawową rzecz sprawiasz, że użytkownik będzie skołowany.

Często działamy mechanicznie, pomyśl co stałoby się gdyby na przykładach które wstawiłam zamienić kolory ikonek na przyciskach? Z czytaniem tych okienek jest jak z czytaniem licencji, gdy instalujesz coś na swoim komputerze, niewiele osób to robi. Znalazłam artykuł o przyciskach, który może Ci się przydać: Przycisk jaki jest każdy widzi. Nieświadomie nawet teraz kliknąłeś na link, bo Twój mózg widząc niebieski tekst z podkreśleniem na dole automatycznie zakłada, że jest to hiperlink i nastąpi przekierowanie na stronę kryjącą się pod danym adresem. Interesujący jest jeden fakt, kto będzie Twoim odbiorcą? Bo to dla Ciebie może być logiczne w innych częściach świata może być niezrozumiałe. A co byłoby gdyby na Twoją stronę wszedł daltonista? Sam kolor wtedy nie wystarcza to kontrast sprawi, że taka osoba nadal bez problemu będzie mogła poruszać się po Twojej stronie bez większych problemów. Warto jest to sprawdzić, zajrzyj na stronę Colorfilter, która pokaże Ci jak Twój projekt wygląda dla ludzi z zaburzeniami rozpoznawania barw.

CO ZA BRIGHT TO NIE ZDROWO

Musisz używać na swojej stronie kolorów z rozwagą. Zbyt duża ilość barw na stronie daje efekt odwrotny niż zamierzony. Jeśli chcesz żeby konkretne części strony się wyróżniały, użyj stonowanego tła. Mamy niekiedy problem z przeglądaniem stron ze zgaszonym światłem. W świetle dziennym niektóre barwy nie wydają się tak rażące. 

Popatrz na tło z lewej strony, przez jego intensywność, wchodząc na tą stronę musiałam porządnie przetrzeć oczy. Tak jaskrawe kolory powinny być używane, jako akcent, nie podstawa. Bądź wyrozumiały dla użytkownika! Barwę, której użyłam po prawej stronie pobrałam z linków znajdujących się pod przyciskiem. Delikatny kolor nie przytłacza, a dla wielu użytkowników może być jednym z czynników wielokrotnego wracania na Twoją stronę.

TEORIA KOLORU

To magiczne koło prawdę Ci powie. Nie należy ono do łatwych do zrozumienia, często jest powodem wydłużenia pracy nad projektem. I nie tylko osoby, które dopiero rozpoczynają swoją karierę mają z nim problem, często możemy spotkać się z podobnym zdaniem wśród bardziej doświadczonych designerów. Jedno jest jednak pewne! Jeśli na swojej stronie nie użyjesz kolorów, które się komplementują możesz być w dużych tarapatach. Jeżeli nie rozumiesz jeszcze teorii kolorów z pomocą przyjdą specjalnie przygotowane narzędzia. Dla mnie był to Adobe Color CC. Jeśli nawet nie wybrałeś jeszcze dokładnego koloru dla swojej strony, nic nie tracisz. Wystarczy, że w miejscu wyszukiwania wpiszesz słowo kluczowe. Może chciałbyś stworzyć stronę o drzewach?

A może stronę o tematyce świątecznej? 

Ale, ale nie zachwycajmy się jedną stroną. Mam też inne godne polecenia:

Design seeds

COLOURlovers

Color hunter

I wiele więcej, wystarczy tylko dobrze poszukać. Znajdź taką, która będzie dla Ciebie najbardziej pomocna.

ZIELONY TO NIE TYLKO ZIELONY

Ok! Powiedzmy, że wybrałeś już swoje kolory. Pracodawca może zapytać Cię: A dlaczego właśnie takie? Dlaczego taki odcień? Czasami nie zdajemy sobie sprawy, że praktycznie na każdym kroku jesteśmy manipulowanie przez właśnie kolor. Weźmy na przykład stronę Wirtualnej Polski. Pierwsze, co rzuca się wyraźnie w oczy to logo, biało-czerwone. Coś Ci to przypomina?

Nic dziwnego, że znajduje się w czołówce odwiedzanych stron informacyjnych. Każdy obywatel kraju jest swego rodzaju patriotą, a każdy użytkownik wzrokowcem. Jeśli chodzi o odcień zwróć uwagę na drugi przykład.

Dlaczego w logu Lasów Państwowych Wybrano, taki odcień? A widziałeś kiedyś drzewa w kolorze, który umieściłam poniżej loga? Dlaczego na ich stronie nie ma nic w kolorze czerwonym? Bo dla wielu kojarzony jest z ogniem.

ŁADNE, ALE CZY FUNKCJONALNE?

Podstawą jest FUNKCJONALNOŚĆ. Kolor ma nie tylko ładnie wyglądać, musi robić o wiele więcej. Projektanci muszą komunikować się z użytkownikiem. Naszym zadaniem jest podzielenie znaczenia kolorów tak, aby pomagały one w rozumieniu tego jak rzeczy są zorganizowane. Wystarczy ustalić, jaki kolor na Twojej stronie będą miały elementy interaktywne, jaki przyciski i konsekwentnie go używać. Zwróć też uwagę na wcześniej już wspomnianych ludzi z zaburzeniami wzroku, jeśli połączysz ze sobą na przykład dwa różne odcienie zielonego to ta osoba nie będzie widziała różnicy.

DOBRA, DOBRA! JAK ZACZĄĆ?

Myśl o ludziach, co chcesz przekazać, jak maja się czuć? Jakie ma być pierwsze wrażenie? Nie zdajemy sobie z tego sprawy, ale każdy kolor ma już swoje przypisane znaczenie. W branży finansowej najczęściej używany jest kolor niebieski, bo kojarzy się z władzą, ale też zaufaniem. Przestępcy w filmach ubrani są na czarno, bo to intensywna barwa postrzegana, jako zło. Strony o lasach, naturze używają zieleni. I długo można by tak wymieniać. Dlatego powtórzę się po raz setny: Zanim zaczniesz Tworzyć – POMYŚL DLA KOGO.

A teraz zobacz jak kolor przycisku, który umieścisz na swojej stronie ma wpływ na jego postrzeganie 

Mam nadzieję że dowiedziałeś się czegoś nowego! A teraz przejrzyj kilka stron, uwierz poznasz je na nowo, zrozumiesz dlaczego użyto w danym momencie takich a nie innych kolorów. 

I pamiętaj! Z kolorami nie ma żartów, są groźniejsze niż myślisz.

Jeśli masz jakieś pytania, wątpliwości lub chcesz podzielić się swoją wiedzą z danego tematu - czekam na Twoją wiadomość w komentarzu :)