Pagbutihin ang pagiging madaling mabasa ng iyong website at karanasan ng gumagamit na may sapat na kaibahan
Contrast ay gumaganap ng isang mahalagang papel sa tagumpay ng disenyo ng anumang website. Mula sa palalimbagan ng site na iyon, sa mga larawan na ginamit sa buong site, sa kaibahan sa pagitan ng mga elemento ng harapan at mga kulay ng background - ang isang mahusay na dinisenyo na site ay dapat magkaroon ng sapat na kaibahan sa lahat ng mga lugar na ito upang masiguro ang isang kalidad na karanasan ng gumagamit at matagumpay na tagal ng site.
Mababang Contrast Katumbas ng isang Mahina Reading Karanasan
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. Maaari mo itong gawin sa pamamagitan lamang ng pagtingin sa isang pahina na isinasalin sa isang web browser at makikita mo kung ang teksto ay napakahirap basahin dahil sa mga hindi magandang pagpili ng kulay. Gayunpaman, habang maaaring madaling matukoy kung aling mga kulay ang hindi gumagana nang magkakasama, maaari talagang maging mahirap na magpasya kung anong mga kulay ang gumagana nang mahusay sa iba. Hindi mo maaaring kung ano ang hindi gumagana, ngunit paano mo matukoy kung ano ang gumagana? Ang imahen sa artikulong ito ay dapat makatulong sa pagpapakita sa iyo ng iba't ibang mga iba't ibang kulay at kung paano naiiba ang mga ito bilang mga kulay ng background at background. Maaari mong makita ang ilang mga "magandang" pairings at ilang "mahihirap" pagpapares, na makakatulong sa iyong gawin ang mga tamang pagpipilian ng kulay sa iyong mga proyekto.
Tungkol sa Contrast
Ang isang bagay na dapat mong tandaan ay ang kaibahan ay higit pa sa kung gaano ka maliwanag ang isang kulay kumpara sa background. Tulad ng dapat mong makita sa na nabanggit na imahe, ang ilan sa mga kulay na ito ay napakalinaw at lumilitaw nang masigla sa kulay ng background - tulad ng asul na itim, ngunit paulit-ulit ko itong pinangalanan bilang pagkakaroon ng mahinang kaibahan. Ginawa ko ito dahil, habang maaaring ito ay maliwanag, ang kombinasyon ng kulay ay nagpapahirap pa rin sa teksto na mabasa. Kung ikaw ay gumawa ng isang pahina sa lahat ng mga asul na teksto sa isang itim na background, ang iyong mga mambabasa ay may mabilis na eyestrain. Ito ang dahilan kung bakit ang kaibahan ay hindi lamang itim at puti (oo, na ang pun ay inilaan). May mga patakaran at mga pinakamahusay na kasanayan para sa kaibahan, ngunit bilang isang taga-disenyo kailangan mong palaging suriin ang mga tuntunin upang tiyakin na gumagana ang mga ito sa iyong partikular na pagkakataon.
Pagpili ng Mga Kulay
Ang contrast ay isa lamang sa mga kadahilanan upang isaalang-alang kapag pumipili ng mga kulay para sa disenyo ng iyong website, ngunit ito ay isang mahalagang isa. Kapag pumipili ng mga kulay, maging maingat sa mga pamantayan ng tatak para sa kumpanya, ngunit maging handang i-address ang mga color palette na, samantalang maaaring sila ay pare-pareho sa mga patnubay ng tatak ng samahan, hindi gumagana nang maayos sa online. Halimbawa, laging natagpuan ko ang dilaw at maliwanag na mga gulay na napakahirap 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, nangangahulugan ito ng mahusay na kaibahan, ngunit kung mayroon kang isang site na may napakahabang halaga ng teksto, ang pagkakaroon ng itim na background na may puting teksto ay magbibigay ng pagbabasa nang napakahirap. Kahit na ang kaibahan sa pagitan ng itim at puti ay mahusay, puting teksto sa isang itim na background ay nagiging sanhi ng mata strain para sa mahahabang mga sipi. Sa kasong ito, ibabaling ko ang mga kulay upang gamitin ang itim na teksto sa isang puting background. Iyon ay maaaring hindi tulad ng biswal na interesado, ngunit hindi ka makakahanap ng mas mahusay na kaibahan kaysa sa na!
Mga Online na Tool
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 mga alituntunin ng WCAG.