Kontrast ima važnu ulogu u uspjehu dizajna bilo koje web stranice. Odgovarajući kontrast osigurava kvalitetno korisničko iskustvo i lakše čitljivost koja će doprinijeti dugoročnom uspjehu stranice.
Web stranice koje su preniske u kontrastu mogu biti teške za čitanje i upotrebu, što će negativno utjecati na uspjeh bilo kojeg web mjesta. Loši problemi s kontrastom boja često su lako identificirati; često možete jednostavno pogledati stranicu u web pregledniku i vidjeti je li tekst teško čitljiv zbog loših kontrastnih izbora boja.
Iako može biti lako utvrditi koje boje ne rade dobro zajedno, može se pokazati izazovnim odlučiti koje boje će raditi dobro u suprotnosti s drugima i unutar dizajna web stranice. Ovaj grafikon prikazuje različite boje i kako se dobro razlikuju kao boje prednje i pozadinske boje. Možete vidjeti neke učinkovite uparivanja, kao i loše uparivanje koje treba izbjegavati prilikom odabira boja za projekte na vašem web mjestu.
Nisu svi snažni kontrasti dobri kontrasti
Jedna stvar koju biste trebali napomenuti u grafikonu je kako neke od tih boja mogu biti vrlo svijetle i pokazuju se vibrantno na određenoj boji pozadine, poput plave boje na crnu, ali su označene kao loši kontrastni izbori. To je zato što kombinacija boja, unatoč kontrastu, još uvijek rezultira tekstom koji je teško čitati. Ako biste trebali stvoriti stranicu u svim plavim tekstovima na crnoj podlozi, čitatelji će vrlo brzo osjetiti eyestrain.
Postoje pravila i najbolje prakse za kontrast, ali kao dizajner morate uvijek procijeniti ta pravila kako biste bili sigurni da rade u vašem primjeru.
Standardi marke i kontrastne boje
Kontrast je samo jedan od čimbenika koji morate uzeti u obzir prilikom odabira boja za dizajn svoje web stranice. Prilikom odabira boja, vjerojatno ćete morati biti svjesni standarda marke za klijenta, bilo da je riječ o tvrtki, drugoj organizaciji ili čak pojedincu. Iako palete boja mogu biti u skladu s smjernicama marke organizacije, one se možda neće dobro prevoditi za online prezentaciju.
Na primjer, žute i svijetle zelje su užasno izazovne za učinkovito korištenje na web stranicama. Ako su te boje u smjernicama marke tvrtke, vjerojatno će ih trebati koristiti samo kao boja akcenta, jer je teško pronaći boje koje se dobro razlikuju.
Slično tome, ako su vaše boje marke crno-bijele, to znači veliki kontrast, ali ako imate web stranicu s dugačkim količinama teksta, crna pozadina s bijelim tekstom će učiniti čitanje vrlo oku-straining iskustvo unatoč inherentne snage kontrast između crne i bijele. U tom slučaju preporučljivo je preokrenuti boje pomoću crnog teksta na bijeloj pozadini. To možda neće biti vizualno zanimljivo, ali je daleko bolji kontrast i mogućnost čitljivosti.
Online alati
Osim vašeg vlastitog smisla za dizajn, postoje i neki online alati kojima možete testirati izbor boja vaše web stranice. CheckMyColors.com će testirati sve boje vašeg web mjesta i izvijestiti o omjeru kontrasta između elemenata na stranici.
Osim toga, kada razmišljate o izboru boja, trebali biste razmotriti dostupnost web mjesta i osobe koje imaju oblike sljepoće boja. WebAIM.org može pomoći s tim, kao i ContrastChecker.com, koji će testirati vaše izbore prema Smjernicama za pristupačnost web sadržaja (WCAG).
