Paano Magdisenyo para sa Color Blindness

  • Ibahagi Ito
Cathy Daniels

Kumusta! Ako si June. Gustung-gusto kong gumamit ng makulay na mga kulay sa aking disenyo, ngunit kamakailan lamang ay napansin ko ang isang bagay: Hindi ko itinuring na sapat ang isang maliit na madla ng grupo.

Ang kulay ay isa sa pinakamahalagang elemento ng disenyo, kaya ang mga designer ay kadalasang gumagamit ng mga kulay upang makaakit ng atensyon. Pero paano kung color blind ang bahagi ng ating audience? Napakahalagang salik na dapat isaalang-alang para sa disenyo ng web o visualization ng data dahil maaari itong makaapekto sa pagiging naa-access at pag-navigate para sa mga color-blind na tumitingin.

Huwag kang magkamali, hindi ito nangangahulugan na hindi tayo dapat gumamit ng mga kulay sa ating disenyo o hindi ka maaaring maging isang taga-disenyo kung ikaw ay color blind. Kamakailan, nakatagpo ako ng ilang color-blind na designer at talagang naging interesado ako sa kung paano ito gumagana para sa kanila na makakita at gumawa ng mga disenyo.

Napakaraming tanong ko tulad ng kung anong mga kulay ang pinakamahusay na gumagana, anong mga kumbinasyon ng kulay ang gagamitin, ano ang maaari kong gawin para mapahusay ang mga disenyo para sa mga color-blind na audience, atbp.

Kaya gumugol ako ng mga araw sa pagsasaliksik at pagsasama-sama ng artikulong ito para sa parehong colorblind na mga designer at hindi color-blind na mga designer na maaaring mapabuti ang kanilang disenyo para sa color-blind na mga audience.

Ano ang Color Blindness

Isang simpleng paliwanag: Color blindness ay nangangahulugan kapag ang isang tao ay hindi nakakakita ng mga kulay sa karaniwang paraan. Ang mga taong may color blindness (o color deficiency) ay hindi maaaring makilala ilang mga kulay, kadalasan, berde at pula, ngunit may iba pang mga uri ng pagkabulag ng kulay.

3 Karaniwang Uri ng KulayPagkabulag

Ang Red-Green color blindness ay ang pinakakaraniwang uri ng color blindness, na sinusundan ng blue-yellow color blindness, at complete color blindness. Kaya, ano ang nakikita ng mga taong bulag sa kulay?

Larawan mula sa r/Sciences

1. Red-green color blindness

Hindi nila matukoy ang pagkakaiba sa pagitan ng berde at pula. Mayroon ding apat na uri ng red-green color blindness.

Dapat makita ng normal na color vision ang unang Santa sa pula at berde, ngunit makikita lang ng color blindness ang bersyon ng pangalawa o pangatlong Santa.

Deuteranomaly ay ang pinakakaraniwang uri ng red-green color blindness at ginagawa nitong mas mapula ang berde. Sa kabilang banda, ginagawa ng Protanomaly ang pula na mas berde at hindi gaanong maliwanag. Hindi matukoy ng isang taong may Protanopia at deuteranopia ang pagkakaiba sa pagitan ng pula at berde.

2. Blue-yellow color blindness

Ang isang taong may blue-yellow color blindness ay karaniwang hindi matukoy ang pagkakaiba ng asul at berde, o dilaw at pula. Ang ganitong uri ng asul-dilaw na colorblind ay kilala bilang Tritanomaly .

Isa pang uri ng mga taong asul-dilaw na color blind (tinatawag ding Tritanopia ), bukod sa asul at berde, hindi rin nila matukoy ang pagkakaiba ng purple at pula, o dilaw at pink.

3. Ang kumpletong pagkabulag ng kulay

Ang kumpletong pagkabulag ng kulay ay kilala rin bilang monochromacy . Sa kasamaang palad, may kasamaang kumpletong pagkabulag ng kulay ay hindi nakakakita ng anumang mga kulay, ngunit hindi ito masyadong karaniwan.

Color blind ka ba?

Ang isang mabilis na paraan para malaman ay maaari kang gumawa ng mabilisang color blindness test na tinatawag na Ishihara color plates, na makikita mo online. Narito ang ilang mga halimbawa ng pagsusulit sa Ishihara. Nakikita mo ba ang mga numero (42, 12, 6, at 74) sa loob ng bilog na mga plato sa pagitan ng mga tuldok?

Ngunit kung talagang nakakakuha ka ng mababang marka sa color vision deficiency mula sa iba't ibang online na color blind test, magandang ideya na magpatingin sa isang ophthalmologist dahil hindi palaging 100% tumpak ang mga online na pagsusuri.

Ngayong medyo alam mo na ang tungkol sa iba't ibang uri ng color blindness, ang susunod na matututunan ay kung paano magdisenyo para sa color blindness.

Paano Magdisenyo para sa Color Blindness (5 Tip)

May iba't ibang paraan upang mapabuti ang disenyo para sa color blindness, gaya ng paggamit ng colorblind-friendly na palettes, pag-iwas sa ilang partikular na kumbinasyon ng kulay, paggamit ng higit pang mga simbolo, atbp.

Tip #1: Gumamit ng color-blind friendly na palettes

Kung gusto mo ang dilaw na kulay, maswerte ka! Ang dilaw ay isang color-blind-friendly na kulay at ito ay gumagawa ng magandang kumbinasyon sa asul. Kung hindi, may mga color tool tulad ng Coolers o ColorBrewer na magagamit mo para tulungan kang pumili ng mga color-blind na kulay.

Halimbawa, madali kang makakabuo ng mga color-blind-friendly na palette sa ColorBrewer.

Sa Coolers, maaari mong piliin ang uri ng color blindness, atang palette ay ayusin ang mga kulay nang naaayon.

Mayroon ding color-blind simulator ang Adobe Color at maaari mong piliin ang Color Blind Safe mode kapag pumipili ng mga kulay.

Maaari mong tingnan kung color blind ang mga kulay na pipiliin mo.

Adobe Color Blind Simulator para sa iba't ibang uri ng color blindness

Maaari kang gumawa ng maliit na pagsubok, i-print ang disenyo sa black and white, mababasa mo ang lahat ng impormasyon, pagkatapos ay mababasa rin ito ng taong bulag sa kulay.

Tip #2: mga kumbinasyon ng kulay upang maiwasan

Ang pagpili ng tamang kulay ay mahalaga kapag color blind ang iyong audience. Ang ilang mga kumbinasyon ng kulay ay hindi gagana.

Narito ang anim na kumbinasyon ng kulay na dapat iwasan kapag nagdidisenyo para sa pagkabulag ng kulay:

  • Pula & Berde
  • Berde & Kayumanggi
  • Berde & Asul
  • Asul & Gray
  • Asul & Lila
  • Pula & Itim

Sasabihin kong maraming abala ang nagmumula sa mga graph at chart. Ang mga makukulay na statistic chart at graph ay may problema para sa mga color-blind na tumitingin dahil maaaring hindi nila makita ang mga kaukulang kulay para sa data.

Web design, mas partikular, ang mga button at link ay isa pang bagay. Maraming mga pindutan ay alinman sa pula o berde, ang mga link ay asul, o ang mga na-click na link ay kulay-ube. Kung walang salungguhit sa ibaba ng anchor text, hindi makikita ng mga color-blind na user ang link.

Halimbawa, Red-Ang green color blindness ay ang pinakakaraniwang uri ng color blindness, kaya maaaring maging problema ang paggamit ng dalawang kulay nang magkasama.

Ngunit hindi ito nangangahulugan na hindi mo magagamit ang dalawang kulay nang magkasama, dahil maaari mong gamitin ang iba pang mga elemento upang pag-iba-ibahin ang disenyo, gaya ng texture, mga hugis, o teksto.

Tip #3: Gumamit ng malakas na contrast

Ang paggamit ng mga high-contrast na kulay sa iyong disenyo ay makakatulong sa mga color blind viewers na makilala ang konteksto.

Sabihin nating gumagawa ka ng graph na may iba't ibang kulay. Kapag gumamit ka ng mataas na contrast, kahit na hindi makita ng isang color-blind viewer ang eksaktong parehong kulay, hindi bababa sa naiintindihan niya na ang data ay naiiba.

Kapag gumamit ka ng mga katulad na kulay, maaari itong magmukhang nakakalito.

Tip #4: Gumamit ng mga texture o hugis para sa mga graph at chart

Sa halip na gumamit ng iba't ibang kulay upang magpakita ng data, maaari kang gumamit ng mga hugis para markahan ang petsa. Ang paggamit ng iba't ibang uri ng mga linya upang kumatawan sa iba't ibang data ay isang magandang ideya din.

Tip #5: Gumamit ng higit pang text at mga icon

Kapaki-pakinabang ito kapag gumagawa ka ng mga infographics. Sino ang nagsabi na ang infographics ay kailangang laging makulay? Maaari kang gumamit ng mga graphics upang tumulong sa mga visual. Ang paggamit ng naka-bold na teksto ay maaari ding magpakita ng focus point at makatawag ng pansin.

Hindi sigurado kung paano suriin ang color blind na bersyon ng iyong likhang sining sa Adobe Illustrator? Ituloy ang pagbabasa.

Paano I-stimulate ang Color blindness sa Adobe Illustrator

Gumawa ng disenyo sa Adobe Illustrator atgusto mong i-double check kung color-blind friendly ito? Mabilis mong mailipat ang view mode mula sa overhead na menu.

Pumunta sa overhead menu View > Proof Setup at maaari kang pumili sa pagitan ng dalawang color blindness mode: Color blindness – Protanopia-type o Color blindness – Deuteranopia-type .

Ngayon ay makikita mo na kung ano ang nakikita ng mga taong bulag sa kulay sa iyong likhang sining.

Konklusyon

Tingnan, hindi ganoon kahirap ang disenyo para sa color blindness at tiyak na makakagawa ka ng magandang disenyo na gumagana para sa hindi colorblind at color blind. Mahalaga ang kulay, ngunit din ang iba pang mga elemento. Ang paggamit ng teksto at mga graphics upang mapabuti ang visual ay ang pinakamahusay na solusyon.

Mga Pinagmulan:

  • //www.nei.nih.gov/learn-about-eye-health/eye-conditions-and-diseases/color -blindness/types-color-blindness
  • //www.aao.org/eye-health/diseases/what-is-color-blindness
  • //www.colourblindawareness.org/

Ako si Cathy Daniels, isang eksperto sa Adobe Illustrator. Ginagamit ko ang software mula noong bersyon 2.0, at gumagawa ako ng mga tutorial para dito mula noong 2003. Ang aking blog ay isa sa mga pinakasikat na destinasyon sa web para sa mga taong gustong matuto ng Illustrator. Bilang karagdagan sa aking trabaho bilang isang blogger, ako rin ay isang may-akda at isang graphic designer.