Poboljšajte čitljivost vašeg veb sajta i korisničko iskustvo sa adekvatnim kontrastom
Kontrast igra važnu ulogu u uspjehu dizajna bilo kog web sajta. Od tipografije tog sajta , do slika korišćenih na celom mestu, do kontrasta između elemenata prvog i boje pozadine - dobro dizajnirana stranica mora imati adekvatan kontrast u svim ovim oblastima kako bi osigurala kvalitetno korisničko iskustvo i dugogodišnji uspeh na sajtu.
Nizak kontrast jednako je loše iskustvo čitanja
Web stranice koje su suviše niske u kontrastu mogu biti teško čitati i koristiti, što će negativno uticati na uspeh bilo koje lokacije. Često se lako identifikuju problemi lošeg kontrasta u boji. Obično to možete učiniti samo tako što ćete pogledati stranicu koja se prikazuje u veb pregledaču i možete videti da li je tekst previše teško čitati zbog loših izbora boja. Ipak, iako je lako utvrditi koje boje ne funkcionišu zajedno, može biti veoma izazovno da se odluči koje boje dobro funkcionišu u odnosu na druge. Ne možete da radite ono što ne radi, ali kako ćete utvrditi šta radi? Slika u ovom članku bi trebalo da vam pomogne da vam pokažu razne boje različitih boja i kako se oni razlikuju u bojama u pozadini i pozadini. Možete videti neke "dobre" parice i neke "loše" uparivanje, što će vam pomoći da napravite pravi izbor boja u svojim projektima.
Što se tiče kontrasta
Jedna stvar koju treba primetiti je da je kontrast više nego samo koliko je sjajan boja upoređena sa pozadinom. Kao što biste trebali vidjeti u toj gorenavedeni slici, neke od ovih boja su vrlo svijetle i pojavljuju se živahno na boji pozadine - kao što je plava na crnoj boji, ali sam i dalje označio kao loš kontrast. Uradio sam to zato što, iako je možda svetlo, kombinacija boja i dalje otežava čitanje teksta. Ako biste kreirali stranicu u svim plavim tekstovima na crnoj pozadini, vaši čitaoci bi vrlo brzo mogli imati očiju. Zbog toga kontrast nije samo crno-belo (da, ta namera je bila namijenjena). Postoje pravila i najbolje prakse za kontrast, ali kao dizajner uvek morate procijeniti ta pravila kako biste bili sigurni da rade u vašem konkretnom slučaju.
Izbor boja
Kontrast je samo jedan od faktora koji se uzima u obzir prilikom odabira boja za dizajn vašeg web sajta, ali je to važan. Prilikom izbora boja, obratite pažnju na standarde marke za kompaniju, ali i spremni ste da se bavite bojama palete koje, iako su u skladu s smernicama organizacije za brend, ne funkcionišu dobro na mreži. Na primjer, uvijek sam nalazio žutu i svijetu zelenilo koji je strašno izazov za efikasno korištenje na web stranicama. Ako su ove boje u smernicama za brendove kompanije, vjerovatno će ih trebati koristiti samo kao akcentne boje, jer je teško naći boje koje dobro sarađuju.
Slično tome, ukoliko su boje vašeg brenda crno-bele, to znači sjajan kontrast, ali ako imate sajt sa dužim količinama teksta, crna pozadina sa belim tekstom će učiniti očitavanje vrlo teškim. Čak je i kontrast između crno-belih i sjajnih, beli tekst na crnoj pozadini prouzrokuje očne naprezanje za dugačke prolaze. U ovom slučaju, invertirao bih boje da koristim crni tekst na beloj pozadini. To možda nije toliko vizuelno zainteresovano, ali nećete naći bolji kontrast od toga!
Online Alati
Pored sopstvenog smisla dizajna, postoje i neki online alati koji možete koristiti da biste testirali izbor boja u vašem web sajtu.
CheckMyColors.com će testirati sve boje vašeg sajta i prijaviti odnos kontrasta između elemenata na stranici.
Pored toga, kada razmišljate o izboru boja, trebalo bi da uzmete u obzir i dostupnost veb sajta i osobe koje imaju oblike slepila u boji. WebAIM.org može pomoći u tome, kao što može i ContrastChecker.com, koji će testirati vaš izbor protiv WCAG smernica.