Boje su jedan od prvih elemenata koje korisnik primeti kada poseti web sajt. One mogu da utiču na raspoloženje, istaknu važne informacije i pomognu korisniku da se lakše snađe na stranici.
Ipak, dobra paleta boja ne znači da treba koristiti što više različitih boja. Naprotiv, profesionalan web dizajn najčešće koristi nekoliko pažljivo odabranih boja koje imaju svoju funkciju.
Primarna boja
Primarna boja je glavna boja vizuelnog identiteta sajta. Može se koristiti za zaglavlje, glavna dugmad, linkove ili druge važne elemente.
Na primer, plava se često povezuje sa poverenjem i sigurnošću, dok se zelena može povezivati sa prirodom, zdravljem i rastom.
Međutim, ne treba birati boju samo na osnovu njene simbolike. Ona mora odgovarati brendu i ciljnoj publici.
Sekundarna boja
Sekundarna boja služi kao dopuna primarnoj. Može se koristiti za manje važne elemente, sekcije ili dekorativne detalje.
Dobra kombinacija primarne i sekundarne boje treba da stvori vizuelnu ravnotežu, a ne da se međusobno takmiče za pažnju korisnika.
Na primer, ako je primarna boja tamnoplava, sekundarna može biti svetlija plava, siva ili neka komplementarna nijansa.
Akcentna boja
Akcentna boja je posebno korisna za elemente kojima želimo da privučemo pažnju.
To može biti:
CTA dugme, važan link, obaveštenje, ikonica, cena, određeni deo navigacije.
Akcentnu boju ne treba koristiti svuda. Njena snaga upravo dolazi iz toga što se koristi selektivno.
Ako je svaki element jarke boje, ništa više ne izgleda posebno važno.
Kontrast je važniji od estetike
Jedna od najčešćih grešaka u web dizajnu jeste korišćenje boja koje lepo izgledaju zajedno, ali imaju loš kontrast.
Na primer, svetlosivi tekst na beloj pozadini može izgledati elegantno, ali može biti težak za čitanje.
Kontrast je posebno važan kod osnovnog teksta, navigacije, dugmadi i formi. Prilikom dizajniranja treba voditi računa i o korisnicima koji imaju različite probleme sa vidom ili percepcijom boja.
Postoje online alati koji mogu proveriti kontrast između dve boje i pokazati da li kombinacija zadovoljava preporučene kriterijume pristupačnosti.
Psihologija boja
Boje mogu izazvati različite asocijacije, ali njihovo značenje nije univerzalno.
Plava se često povezuje sa poverenjem i profesionalnošću. Crvena može privući pažnju i povezivati se sa energijom ili upozorenjem. Zelena se često povezuje sa prirodom, zdravljem i sigurnošću. Žuta može asocirati na optimizam i energiju. Crna može izgledati elegantno, moderno i luksuzno.
Ipak, kontekst je veoma važan. Ista boja može imati potpuno drugačiji efekat u zavisnosti od brenda, kulture i načina na koji je kombinovana sa ostalim elementima.
Koliko boja koristiti?
Ne postoji strogo pravilo, ali za većinu sajtova dobra početna tačka može biti:
1 primarna + 1 sekundarna + 1 akcentna boja + neutralne boje.
Neutralne boje poput bele, crne i različitih nijansi sive koriste se za pozadine, tekst i razdvajanje sekcija.
Na ovaj način sajt dobija konzistentan izgled bez vizuelnog haosa.
Napravite sistem, a ne samo paletu
Najbolji web dizajn ne bira boje pojedinačno za svaki element. Umesto toga, boje treba posmatrati kao sistem.
Na primer, možemo definisati:
primary – glavna boja brenda, secondary – pomoćna boja, accent – boja za akcije, background – pozadina, text – osnovni tekst, muted – sekundarni tekst.
Kada jednom definišemo sistem, mnogo je lakše održavati konzistentan dizajn kroz ceo sajt.
Zaključak
Dobra paleta boja nije ona koja ima najviše boja, već ona koja ima jasnu svrhu.
Prilikom izbora boja razmišljajte o identitetu brenda, kontrastu, pristupačnosti, hijerarhiji i korisničkom iskustvu. Primarna, sekundarna i akcentna boja treba da rade zajedno, dok neutralne boje daju prostoru da „diše“.
Na kraju, boja nije samo dekoracija. U dobrom web dizajnu ona je alat za komunikaciju i navigaciju korisnika kroz sadržaj.