Побољшајте читљивост вашег веб сајта и корисничко искуство са адекватним контрастом
Контраст игра важну улогу у успјеху дизајна било ког веб сајта. Од типографије тог сајта , до слика коришћених на целом месту, до контраста између елемената првог и боје позадине - добро дизајнирана локација мора имати адекватан контраст у свим овим областима како би осигурала квалитетно корисничко искуство и дугогодишњи успех на сајту.
Низак контраст једнако је лоше искуство читања
Веб сајтови који су сувише ниски у контрасту могу бити тешко читати и користити, што ће негативно утицати на успех било које локације. Често се лако идентификују проблеми лошег контраста у боји. Обично то можете учинити само тако што ћете погледати страницу која се приказује у веб претраживачу и можете видети да ли је текст превише тешко читати због лоших избора боја. Ипак, иако је лако утврдити које боје не функционишу заједно, може бити веома изазовно да се одлучи које боје добро функционишу у односу на друге. Не можете да радите оно што не ради, али како ћете утврдити шта ради? Слика у овом чланку би требало да вам помогне да прикажете различите боје и како се контрастирају у бојама у позадини и позадини. Можете видети неке "добре" упаривања и неке "лоше" упаривања, што ће вам помоћи да направите прави избор боја у својим пројектима.
Што се тиче контраста
Једна ствар коју треба приметити је да је контраст више него само колико је сјајна боја упоређена са позадином. Као што бисте требали видјети у тој горенаведени слици, неке од ових боја су врло свијетле и појављују живахно на боји позадине - као што је плава на црној боји, али сам га и даље означила као лош контраст. Урадио сам то зато што, иако је можда светло, комбинација боја и даље отежава читање текста. Ако бисте креирали страницу у свим плавим текстовима на црној позадини, ваши читаоци би врло брзо могли имати очију. Због тога контраст није само црно-бело (да, та намера је била намијењена). Постоје правила и најбоље праксе за контраст, али као дизајнер увек морате да процените та правила како бисте били сигурни да раде у вашем конкретном случају.
Избор боја
Контраст је само један од фактора који се узима у обзир приликом одабира боја за дизајн вашег веб сајта, али је то важан. Приликом избора боја, обратите пажњу на стандарде марке за компанију, али и спремни сте да се бавите бојама палете које, иако оне могу бити у складу са смерницама организације о бренду, не раде добро на мрежи. На примјер, увијек сам налазио жуту и свијету зеленило који је страшан изазов за ефикасно кориштење на веб страницама. Ако су ове боје у смерницама за брендове компаније, вероватно ће их требати користити само као акцентне боје, јер је тешко наћи боје које добро слажу.
Слично томе, ако су боје вашег бренда црно-беле, то значи сјајан контраст, али ако имате сајт са дужим количинама текста, црна позадина са белим текстом ће учинити очитавање врло тешким. Чак је и контраст између црно-белих и сјајних, а бели текст на црној позадини проузрокује очне напрезање за дугачке пролазе. У овом случају, обрисао бих боје да користим црни текст на белој позадини. То можда није толико визуелно заинтересовано, али нећете наћи бољи контраст од тога!
Онлине Алати
Поред властитог дизајнерског смисла, постоје и неки онлине алати који можете користити да бисте тестирали избор боја у вашем веб сајту.
ЦхецкМиЦолорс.цом ће тестирати све боје ваше странице и пријавити однос контраста између елемената на страници.
Поред тога, када размишљате о избору боја, требало би да узмете у обзир и доступност веб странице и особе које имају облике слепила у боји. ВебАИМ.орг може помоћи у томе, као што може и ЦонтрастЦхецкер.цом, који ће тестирати ваше изборе против ВЦАГ смерница.