Web Dizaynında Kontrastlı Ön və Arxa Rəngləri İstifadə

Veb saytınızın okunabilirlikini və istifadəçi təcrübəsini kifayət qədər kontrastla yaxşılaşdırın

Kontrast hər hansı bir veb-saytın dizaynında uğur qazanmasında mühüm rol oynayır. Saytın mətbəəsindən sitenin hər yerində istifadə edilən görünüşlərə görə ön planda elementlər və arka plan rəngləri arasındakı ziddiyyət - yaxşı hazırlanmış bir sayt keyfiyyətli bir istifadəçi təcrübəsi və uzunmüddətli site uğurunu təmin etmək üçün bütün bu sahələrdə kifayət qədər kontrasta malik olmalıdır.

Düşük kontrast zəif oxu təcrübəsinə bərabərdir

Əksinə, çox aşağı olan veb saytlar oxumaq və istifadə etmək çətin ola bilər və bu, hər hansı bir saytın uğuruna mənfi təsir göstərəcəkdir. Zəif rəng kontrast məsələləri müəyyən etmək çox vaxt asan. Ümumiyyətlə veb brauzerinizdə göstərilən bir səhifəyə baxaraq bunu edə bilərsiniz və mətnin zəif rəng seçimləri səbəbindən oxumaq çox çətin olub olmadığını görə bilərsiniz. Hələ ki, hansı rənglərin yaxşı işləməyini müəyyənləşdirmək asan olarkən, rənglərin başqalarına fərqli olaraq yaxşı işləməyini həll etmək çox çətin ola bilər. Nə işləməyiniz ola bilər, amma nə işlədiyini müəyyən edəcəksiniz? Bu yazıda görünüş sizə müxtəlif rənglər və ön planda və arxa plan rənglərindən necə fərqləndiyini göstərməyə kömək etməlidir. Layihələrinizdə düzgün rəng seçimlərini etməyə kömək edəcək bəzi "yaxşı" pairinqləri və bəzi "yoxsul" cütləşmələri görə bilərsiniz.

Kontrastla əlaqədar

Bir şeyi qeyd etmək lazımdır ki, əksinə, rəngin arxa fon ilə müqayisəsi nə qədər parlaqdır. Sözügedən görüntüyə baxdığınız kimi, bu rənglərdən bəziləri çox parlaq və qara rəngdə olan qara rəngdə canlı rəngdə görünür, amma yenə də zəif bir kontrasta sahib deyildi. Mən bunu işlətdim, çünki parlaq ola bilər, rəng kombinasiyası hələ də mətni oxumağa məcbur edir. Qara bir fonda bütün mavi mətndə bir səhifə yaratmaq istəsəniz, oxucunuz çox tez göz görəcəkdi. Buna görə kontrast yalnız qara və ağ deyildir (bəli, bu cəza nəzərdə tutulmuşdu). Müqavilə üçün qaydalar və ən yaxşı təcrübələr var, lakin bir dizayner olaraq, həmin qaydaları sizin xüsusi vəziyyətinizdə işlədiyinə əmin olmaq üçün həmişə qiymətləndirməlisiniz.

Rənglərin seçilməsi

Kontrast veb saytınızın dizaynı üçün rəng seçərkən nəzərə alınacaq amillərdən biridir, lakin bu, vacibdir. Rəngləri seçərkən, şirkət üçün marka standartlarını nəzərə alın, həm də rəng palitralarına müraciət etmək istəyən bir təşkilatın marka qaydalarına uyğun olmasına baxmayaraq yaxşı işləməyin. Məsələn, mən həmişə ağlarda və parlaq göyərtələrdə internetdə effektiv istifadə etmək üçün çox çətin olmağı tapdım. Bu rənglər bir şirkətin marka qaydalarına malik olsalar, ehtimalla yalnız vurğu rəngləri kimi istifadə edilməlidirlər, çünki əksinə rəngləri tapmaq çətindir.

Eynən, əgər markanızın rəngləri qara və ağ olsa, bu, böyük kontrastdır, ancaq uzun mətnli bir siteniz varsa, ağ mətnli qara fonda oxumaq çox çətin olacaq. Qara və ağ arasındakı ziddiyyət böyükdür, qara fonda ağ mətn uzun keçidlər üçün göz sarsıntısına səbəb olur. Bu vəziyyətdə qara rəngli ağ fonda rənglər istifadə etmək istərdim. Görmə qabiliyyətli ola bilmərik, lakin bundan daha yaxşı kontrast tapa bilməzsiniz!

Online Tools

Öz dizayn mənada əlavə olaraq, sitenizin rəng seçimini test etmək üçün istifadə edə biləcəyiniz bəzi online vasitələr var.

CheckMyColours.com, sitenizin bütün rənglərini sınayacaq və səhifənin elementləri arasında əksinə nisbətdə hesabat verəcəkdir.

Bundan əlavə, rəng seçimi barədə düşünərkən, veb saytın əlçatanlığını və rəng korluğu şəklində olan insanları da nəzərdən keçirin. WebAIM.org, WCAG təlimatlara qarşı seçiminizi test edəcək olan ContrastChecker.com kimi bu şəkildə kömək edə bilər.