Kolor jest tym elementem stron WWW, który często dobierany jest pochopnie i bez przemyślenia, szczególnie przez początkujących projektantów. Tymczasem barwy jakie zastosujemy w projekcie mają istotny i bezpośredni wpływ a nastrój osoby odwiedzającej stronę. Nie wolno ignorować tak istotnego czynnika.
o autorach
InfoWeb Infoweb jest stroną autorstwa Paula Ecroyda z Nowej Zelandii, poświęconą instrumentom muzycznym oraz projektowaniu stron WWW.
Łącznie napisał dla nas 1 artykułów.zobacz również
Dwie reguły wpływu koloru na ocenę strony przez czytelnika są powszechnie znane:
- Zbyt wiele jaskrawych kolorów rozprasza uwagę
- Zbyt wiele elementów tego samego koloru może irytować
Mniej znaną cechą koloru jest za to jego niezwykle silna symbolika. Zastanów się tylko jak często słyszałeś, że ktoś jest "zzieleniały z zazdrości" albo "czerwony ze złości". Te symboliczne skojarzenia pochodzą z czasów dzieciństwa każdego z nas. Spytaj o coś zielonego, usłyszysz odpowiedź drzewo. Spytaj o coś niebieskiego, usłyszysz woda. Łączymy kolory z najbardziej oczywistymi miejscami ich występowania. Dla każdej barwy możemy więc określić pewne cechy z nią wiązane.
Kolory ciepłe
Czerwony
Symbolizuje: pasję, ogień, miłość, pożądanie, wojnę, przemoc, krew i agresję.
Zastosowania: kiedy celem jest motywacja odbiorcy do działania, ostrzeżenie lub zatrzymanie.
Niektórzy wierzą, że: stymuluje apetyt i sprawia iż obiekty wydają się większe i bliższe.
Musisz uważać jeśli zdecydujesz się zastosować różne odcienie koloru czerwonego na stronie. Z powodu sposobu w jaki oczy ludzkie widzą czerwony, kolor różowy (który jest jasnym odcieniem czerwonego) nie będzie do niego pasował. Duże obszary jaskrawo-czerwone również mogą być drażniące.
Różowy
Symbolizuje: romantyczny, uspokajający, słodki, cukierkowy, miękki i kobiecy
Zastosowania: kiedy chcesz dotrzeć do opiekuńczej lub romantycznej części charakteru odbiorcy.
Pomarańczowy
Symbolizuje: wibrujący i ciepły, kojarzony z jesienią, dyniami, cytrusami i Halloween. Jest jak mniej namiętny czerwony.
Zastosowania: strony o tematyce żywnościowej albo przyrodniczej.
Niektórzy wierzą, że: potrafi przekazywać ciepło, bezpieczeństwo, stymulować apetyt i umysł, symbolizować zdrowie, poprawiać nastrój. Wymaga od oka skupienia przez co obiekty stają się większe i bliższe.
Pomarańczowy jest dobrym kolorem w ograniczonych ilościach, unikaj nadużywania.
Żółty
Symbolizuje: słońce, uwagę, budowę, szczęście, dobry humor, ciepło, nadzieję, światło, energię, także słabość lub chorobę albo tchórzostwo.
Zastosowania: dla celów rozjaśnienia i ożywienia strony.
Niektórzy wierzą, że: stymuluje system nerwowy oraz umysł, przybliża i powiększa obiekty.
Podobnie jak czerwień potrafi przyciągnąć uwagę ale staje się irytujący gdy jest go za dużo.
Kolory zimne
Zielony
Symbolizuje: wiosnę, odrodzenie, urodzajność, zazdrość, niedoświadczenie, zdrowie, wzrost (wegetacja) i bogactwo (pieniądze).
Zastosowania: świetny dla stron o pieniądzach i wzrastaniu.
Niektórzy wierzą, że: obniża ciśnienie krwi, rozluźnia system nerwowy, uspokaja umysł i wywołuje uczucie świeżości. Nie wymaga skupienia, oddale więc i zmniejsza obiekty.
Niebieski
Symbolizuje: niebo, morze, inteligencję, pewność i zaufanie, może jednak również wskazywać depresję i smutek.
Zastosowania: tworzy wrażenie formalności stron.
Niektórzy wierzą, że: nie wymaga skupienia, obiekty wydają się więc mniejsze i dalsze.
Purpurowy
Symbolizuje: kreatywność, duchowość i tajemniczość.
Niektórzy wierzą, że: jest kolorem duchowym, tajemniczym i bardzo władczym.
Ciemna purpura jest kojarzona z królewskością i bogactwem, podczas gdy jasny lawendowy wiąże się z romantycznością i nostalgią.
Kolory neutralne
Czarny
Symbolizuje: moc, elegancję, wyszukanie, śmierć (w kulturze zachodniej), zło, złość i smutek.
Na wszelki wypadek unikaj stosowania na dużych powierzchniach.
Biały
Symbolizuje: czystość, niewinność i duchowość. Reprezentuje życie i małżeństwo w kulturze zachodniej, na wschodzie jednak oznacza śmierć.
Doskonały w formie akcentu lub barwy tła ponieważ wysyca i wyróżnia inne barwy.
Szary
Symbolizuje: konserwatyzm, bezpieczeństwo, dojrzałość i pewność, może również oznaczać posępność i smutek.
Brązowy
Symbolizuje: czytelność i stabilność, serce, dom i ziemię.
Bezpieczne palety
Mimo iż nowoczesne komputery potrafią wyświetlać miliony odcieni na ekranie, projektowanie stron WWW ogranicza się jedynie do 216 z nich. Powodem tego są różnice w paletach kolorów Maców i Pecetów. Wspomniane 216 odcieni jest jednak wspólnych na obu platformach. Wykorzystanie tych kolorów zapewni stronie w miarę jednolity wygląd na różnych komputerach (Mac lub PC), różnych systemach operacyjnych (Windows lub MacOS) oraz różnych przeglądarkach (Internet Explorer i Firefox, oraz wiele innych).
Kilka pomysłów
- Używaj pojedynczego koloru dla całego projektu, ale stosuj różne jego odcienie aby utrzymać jednolitość.
- Spróbuj wybrać 2 kolory, które są powiązane ale nie podobne.
- Stwórz projekt strony wykorzystując kolory kontrastujące ze sobą, na przykład mieszając zimne i ciepłe odcienie.
- Spróbuj połączyć kolor bliski białemu z drugim ciemnym.
- Używaj białego tła z czarnym tekstem dla zapewnienia czytelności oraz w razie wątpliwości wykorzystaj czerwony aby przyciągnąć wzrok odbiorcy do istotnych elementów. Ostrożnie korzystaj z tekstu w innych kolorach - chcesz przecież aby treść twojej strony była czytelna i nie raziła oczu.
- Pamiętaj o czytelnikach
- Nie ma jednego koloru lepszego od innych, ale złe kolory mogą znacznie pogorszyć wizerunek strony i sprzedaż produktów.
- Ogranicz paletę kolorów maksymalnie do trzech aby zmniejszyć wizualny bałagan.
- Użyj kolorów, które są odpowiednie do treści strony.
- Korzystaj z kolorów znajdujących się na głównych zdjęciach i grafikach z twojej strony aby poprawić wrażenie harmonii.
- Unikaj cierpkich, przesyconych kolorów. Zmniejsz ich nasycenie aby zbliżyć je do barw naturalnych i tekstylnych.
Poprawa zdolności wyboru kolorów
Najlepsi artyści są mistrzami manipulacji emocjami poprzez barwy i odcienie. Wiele z zasad, które stosowali może być wykorzystanych przy projektowaniu stron WWW. Z czasem w miarę zdobywania doświadczenia również ty nauczysz się dobierać kolory zgodnie z uczuciami jakie wywoływać ma projektowana strona.