Вэб дизайн дахь нүүр ба нүүрний талбаруудыг хооронд нь ялгах нь

Өөрийн вэбсайтын уншигдах чадвар, хэрэглэгчийн туршлагыг хангалттай ялгаатай байдлаар сайжруулаарай

Contrast нь аливаа вэбсайтын дизайны амжилтанд чухал үүрэг гүйцэтгэдэг. Тухайн сайт дээр хэвлэмэл байдлаар , сайтын туршид ашиглаж буй зургуудаас нүүрэн талын элементүүд болон дэвсгэр өнгөөр ​​ялгаатай байхын тулд сайтар боловсруулсан сайт нь чанарын хувьд хэрэглэгчийн туршлага, урт хугацааны амжилтыг баталгаажуулахын тулд эдгээр талбаруудад хангалттай ялгаатай байх ёстой.

Бага зэрэг Contrast нь муу уншиж байгаа туршлагатай адил юм

Тодруулбал хэтэрхий бага байгаа вэбсайтууд нь унших, ашиглахад хэцүү байж болох бөгөөд аль ч сайтын амжилтанд сөрөг нөлөө үзүүлэх болно. Өнгөний тодосголын асуудлууд нь танихад хялбар байдаг. Та ихэвчлэн вэб хөтөч дээр бичсэн хуудсыг хайж, ингэснээр текст уншихад хэтэрхий хэцүү байдаг. Гэсэн хэдий ч аль өнгө нь хамтдаа ажиллахгүй байгааг тодорхойлоход хялбар байж болох ч, бусдаас ялгаатай нь өнгө нь ямар сайн ажиллахыг шийдэх нь маш хэцүү байдаг. Та нар юу ч ажилладаггүй байж болох юм, гэхдээ та яаж ажилладаг вэ? Энэ өгүүлэлд байгаа зураг нь янз бүрийн өнгө, өнгө, нүүрний өнгөөр ​​ялгаатай болохыг харуулах болно. Зарим "сайн" хосууд болон зарим "ядуу" хослолууд нь таны төслүүдэд зөв өнгө сонгоход туслах болно.

Харьцуулалтын хувьд

Таны анхаарах ёстой нэг зүйл бол энэ ялгаа нь зөвхөн өнгө хэрхэн тодорч байгааг бодвол илүү зүйл биш юм. Дээр дурдсан зураг дээрээс харахад эдгээр өнгө зарим нь маш тод бөгөөд өнгөт цэнхэр өнгөөр ​​тод харагддаг ч би үүнийг бага зэрэг ялгаатай гэж тэмдэглэсэн хэвээр байна. Би үүнийг тод өнгөтэй байсан ч өнгөний хослол нь текстийг уншихад хэцүү болгодог. Хэрвээ та бүхэн цэнхэр текстээр хуудас үүсгэх юм бол таны уншигчид маш хурдан нүдтэй байх болно. Яагаад л ялгаа нь зөвхөн хар, цагаан биш (тиймээ, тэр нь зорилготой байв). Зөрчилд тохирсон дүрмүүд, шилдэг туршлагууд байдаг боловч дизайнерын хувьд эдгээр дүрмүүд нь тухайн нөхцөл байдалдаа тохируулан ажиллах ёстойг байнга үнэлж байх ёстой.

Өнгө сонгох

Contrast нь таны вэбсайтын дизайныг өнгө сонгоход анхаарах нэг хүчин зүйл юм. Гэхдээ энэ бол чухал зүйл юм. Өнгөийг сонгохдоо компаний брэндийн стандартыг анхаарч үзээрэй, мөн өнгөт палзыг зохион байгуулж, байгууллагын брэндийн удирдамжтай нийцэж байх үед онлайнаар ажиллах боломжгүй байна. Жишээлбэл, би шаргал, тод ногоон олдворыг вэбсайт дээр үр дүнтэй ашиглахад маш хэцүү байдаг. Хэрэв эдгээр өнгө нь компанийн брэндийн удирдамжид байгаа бол зөвхөн өнгө тодрох нь хэцүү тул өнгө аялгууг ашиглах хэрэгтэй болно.

Үүнтэй адил, хэрэв таны брэндийн өнгө хар, цагаан бол энэ нь маш их ялгаатай зүйл юм. Гэхдээ хэрэв та урт текст бүхий вэбсайттай бол цагаан текст бүхий хар дэвсгэртэй байх нь уншихад маш хэцүү байх болно. Хар ба цагаан хоёрын ялгаа ч агуу бөгөөд хар дэвсгэр дээр цагаан текст нь урт хэсгүүдэд нүдний омог үүсгэдэг. Энэ тохиолдолд би өнгөөр ​​цагаан дэвсгэр дээр хар текстийг ашиглах болно. Энэ нь сонирхолтой зүйл биш байж магадгүй, гэхдээ үүнээс илүү тод ялгааг олж чадахгүй!

Онлайн хэрэгсэл

Өөрийнхөө дизайны мэдрэмжээс гадна, та өөрийн сайтын өнгөт сонголтыг шалгахын тулд зарим онлайн хэрэгслүүдийг ашиглаж болно.

CheckMyColors.com нь таны бүх сайтын өнгөийг шалгаж, хуудасны элементүүдийн хоорондох ялгааны харьцааг мэдээлэх болно.

Үүнээс гадна, өнгө сонгох талаар бодохдоо та вэбсайтын хүртээмж, өнгөний харалган хэлбэрийн хүмүүсийг авч үзэх хэрэгтэй. WebAIM.org нь энэ талаар тусалж чадна, ContrastChecker.com, WCAG-ийн удирдамжуудаас таны сонголтыг шалгах болно.