Contrast ay gumaganap ng isang mahalagang papel sa tagumpay ng disenyo ng anumang website. Tinitiyak ng sapat na kaibahan ang isang kalidad ng karanasan ng user at mas madaling mabasa na makakatulong sa tagumpay ng matagalang site.
Ang mga website na masyadong mababa sa kaibahan ay maaaring mahirap basahin at gamitin, na magkakaroon ng negatibong epekto sa tagumpay ng anumang site. Madalas madaling makilala ang mga mahihirap na isyu sa kaibahan ng kulay; kadalasan maaari kang tumingin lamang sa isang pahina sa isang web browser at makita kung ang isang teksto ay mahirap basahin dahil sa mahinang contrasting na mga pagpipilian sa kulay.
Bagaman maaaring madaling matukoy kung aling mga kulay ang hindi gumagana nang magkakasama, maaari itong patunayan na mahirap na magpasya kung aling mga kulay ang gagana nang mahusay sa iba sa iba at sa disenyo ng isang website. Ang tsart na ito ay nagpapakita ng iba't ibang mga kulay at kung paano sila mahusay na naiiba ang mga ito bilang harapan at mga kulay ng background. Maaari mong makita ang ilang mga epektibong pairings pati na rin ang isang mahihirap na pagpapares na dapat na iwasan kapag pumipili ng mga kulay para sa iyong mga proyekto sa site.
Hindi lahat ng malakas na contrasts ay magandang contrasts
Ang isang bagay na dapat mong tandaan sa chart ay kung paano ang ilan sa mga kulay na ito ay maaaring maging napakalinaw at lumitaw nang masigla sa isang partikular na kulay ng background, tulad ng asul sa itim, ngunit ang mga ito ay may label na hindi magandang mga pagpipilian sa kaibahan. Ito ay dahil ang kumbinasyon ng kulay, sa kabila ng kaibahan nito, ay nagreresulta pa rin sa teksto na mahirap basahin. Kung ikaw ay lumikha ng isang pahina sa lahat ng mga asul na teksto sa isang itim na background, ang iyong mga mambabasa ay makakaranas ng eyestrain masyadong mabilis.
May mga patakaran at mga pinakamahuhusay na gawi para sa kaibahan, ngunit bilang isang taga-disenyo, dapat mong palaging suriin ang mga panuntunang iyon upang matiyak na gumagana ang mga ito sa iyong partikular na pagkakataon.
Mga pamantayan ng pagba-brand at mga contrasting na pagpipilian ng kulay
Ang contrast ay isa lamang sa mga bagay na dapat isaalang-alang kapag pumipili ng kulay para sa disenyo ng iyong website. Kapag pumipili ng mga kulay, malamang na kailangang maging maingat sa mga pamantayan ng tatak para sa kliyente, maging isang kumpanya, ibang organisasyon, o kahit isang indibidwal. Kahit na ang mga palette ng kulay ay maaaring maging pare-pareho sa mga patnubay ng tatak ng samahan, maaaring hindi ito maayos na maisalin para sa online na pagtatanghal.
Halimbawa, ang dilaw at maliwanag na mga gulay ay lubhang mahirap na gamitin nang epektibo sa mga website. Kung ang mga kulay na ito ay nasa mga patnubay ng tatak ng kumpanya, malamang na kailangan itong gamitin bilang mga kulay ng tuldik lamang, dahil mahirap hanapin ang mga kulay na kaibahan sa alinman.
Katulad nito, kung ang kulay ng iyong brand ay itim at puti, ito ay nangangahulugan ng mahusay na kaibahan, ngunit kung mayroon kang isang site na may napakahabang halaga ng teksto, ang isang itim na background na may puting teksto ay magbibigay ng pagbabasa na napakahusay na karanasan sa kabila ng likas na lakas ng kaibahan sa pagitan ng itim at puti. Sa kasong ito, ipinapayo na baligtarin ang mga kulay, gamit ang itim na teksto sa isang puting background. Iyon ay maaaring hindi tulad ng biswal na kawili-wili, ngunit ito ay isang mas mahusay na kaibahan at pagiging madaling mabasa.
Mga tool sa online
Bilang karagdagan sa iyong sariling kahulugan ng disenyo, mayroong ilang mga online na tool na magagamit mo upang subukan ang pagpili ng kulay ng iyong site. Susuriin ng CheckMyColors.com ang lahat ng mga kulay ng iyong site at mag-ulat sa ratio ng contrast sa pagitan ng mga elemento sa pahina.
Bukod pa rito, kapag nag-iisip tungkol sa mga pagpipilian sa kulay, dapat mo ring isaalang-alang ang pag-access sa website at mga taong may mga paraan ng pagkabulag ng kulay. Ang WebAIM.org ay maaaring makatulong sa ito, gaya ng maaari ContrastChecker.com, na susubukan ang iyong mga pagpipilian laban sa Web Content Accessibility Guidelines (WCAG).
