გააუმჯობესოს თქვენი ნახვა readability და მომხმარებლის გამოცდილება ადეკვატური განსხვავებით
კონტრასტი მნიშვნელოვან როლს ასრულებს ნებისმიერი საიტის დიზაინის წარმატებაში. ამ საიტის ტიპოგრაფიიდან , საიდანაც მთელს საიტზე გამოყენებული გამოსახულებები, წინა პლანზე არსებული ელემენტების და ფონის ფერისაგან განსხვავებით - კარგად შემუშავებული საიტი უნდა ჰქონდეს ადექვატური კონტრასტის ყველა ამ სფეროში, უზრუნველყოს ხარისხიანი მომხმარებლის გამოცდილება და გრძელვადიანი წარმატებები.
დაბალი კონტრასტი უჭირს ცუდი საკითხავი გამოცდილება
განსხვავებული ვებ-გვერდები, რომლებიც ძალზე დაბალია, შეიძლება იყოს რთული წაკითხვისა და გამოყენება, რაც უარყოფით გავლენას მოახდენს ნებისმიერი საიტის წარმატებაზე. ცუდი ფერი კონტრასტული საკითხები ხშირად ადვილად იდენტიფიცირება. თქვენ შეგიძლიათ ჩვეულებრივ ამის გაკეთება მხოლოდ ვებ-ბრაუზერიდან გამოსული გვერდით და ხედავთ, თუ ტექსტი ძალიან ძნელია წაიკითხოს ცუდი ფერის არჩევანის გამო. მიუხედავად იმისა, რომ შეიძლება ადვილად დადგინდეს, თუ რომელი ფერები არ მუშაობს კარგად, შეიძლება ძალიან რთული იყოს, გადაწყვიტოს, თუ რა ფერები კარგად მუშაობს სხვებისგან განსხვავებით. არ შეიძლება, არ იმუშაოთ, მაგრამ როგორ განსაზღვრავს რა მუშაობს? გამოსახულება ამ სტატიაში უნდა დაეხმაროს გაჩვენოთ სხვადასხვა ფერის და როგორ განსხვავდება როგორც წინა პლანზე და ფონის ფერები. თქვენ შეგიძლიათ ნახოთ რამდენიმე "კარგი" წყვილი და ზოგიერთი "ცუდი" წყვილი, რომელიც დაგეხმარებათ სწორი ფერის არჩევანი თქვენს პროექტებში.
კონტრასტთან დაკავშირებით
ერთი რამ უნდა აღინიშნოს, რომ კონტრასტი უფრო მეტია, ვიდრე ნათელი ფერი შედარებით ფონზე. როგორც ზემოთ აღინიშნა ამ გამოსახულებაში, ზოგიერთი ფერები ძალიან ნათელია და ნათლად აჩვენებენ ფონის ფერს - როგორიცაა ლურჯი შავზე, მაგრამ მაინც ვამჩნევდი მას, როგორც ცუდი განსხვავებით. იმიტომ, რომ ეს იმიტომ, რომ ეს შეიძლება იყოს ნათელი, ფერი კომბინაცია კვლავ ხდის ტექსტი რთულია წაიკითხოს. თუ თქვენ შექმენით გვერდი ლურჯი ტექსტის შავ ფონზე, მკითხველს ძალიან სწრაფად იტანს თვალი. სწორედ ამიტომ განსხვავებით არ არის მხოლოდ შავი და თეთრი (დიახ, ეს განზრახვა იყო განკუთვნილი). არსებობს წესები და საუკეთესო პრაქტიკა განსხვავებით, მაგრამ როგორც დიზაინერი ყოველთვის უნდა შეაფასოს ის წესები, რათა დარწმუნდეთ, რომ ისინი მუშაობენ თქვენს კონკრეტულ ინსტანციაში.
შერჩევა ფერები
კონტრასტი არის მხოლოდ ერთი ფაქტორი, როდესაც განიხილავს ფერების არჩევას თქვენი საიტის დიზაინისთვის, მაგრამ ეს მნიშვნელოვანია. ფერების შერჩევისას, კომპანიის ბრენდის სტანდარტების გათვალისწინება, მაგრამ ასევე მზად არის ფერადი პალიტრაების გასახსნელად, რომლებშიც ისინი შეესაბამება ორგანიზაციის ბრენდის მითითებებს, არ მუშაობს კარგად. მაგალითად, მე ყოველთვის ვნახე ყვითელი და ნათელი მწვანილი, რომ საშინლად გამოვიყენო საიტებზე ეფექტურად გამოყენება. თუ ეს ფერები კომპანიის ბრენდის სახელმძღვანელოშია, ისინი სავარაუდოდ უნდა იქნეს გამოყენებული მხოლოდ აქცენტი ფერები, რადგან ძნელია ფერები, რომლებიც განსხვავდებიან არცთანაც.
ანალოგიურად, თუ თქვენი ბრენდის ფერები შავი და თეთრია, ეს იმას ნიშნავს, დიდი განსხვავებით, მაგრამ თუ თქვენ გაქვთ საიტი ხანგრძლივი ტექსტებით, შავი ფერის მქონე თეთრ ტექსტთან ერთად ძალიან რთულია კითხვა. შავი და თეთრიც კი განსხვავდება შავი ფერის თეთრი ტექსტი, რაც ხელს უწყობს გრძელ პასაჟებს თვალის შტურმს. ამ შემთხვევაში, ფრთა ფურცლებზე თეთრ ფონზე შავ შავ ტექსტს გამოვიყენებდი. ეს არ შეიძლება იყოს ვიზუალურად დაინტერესებული, მაგრამ ვერც უკეთესი კონტრასტი ვერ იპოვით!
ონლაინ ინსტრუმენტები
გარდა ამისა, თქვენი საკუთარი დიზაინის გრძნობა, არსებობს ონლაინ ინსტრუმენტები, რომ თქვენ შეგიძლიათ გამოიყენოთ შესამოწმებლად თქვენი საიტის ფერი არჩევანი.
CheckMyColors.com შეამოწმებს ყველა თქვენს საიტზე ფერის და ანგარიშის კონტრასტი შორის ელემენტები გვერდზე.
გარდა ამისა, ფერადი არჩევანის შესახებ ფიქრისას, თქვენ ასევე უნდა განიხილონ ვებგვერდის ხელმისაწვდომობა და ადამიანები, რომლებსაც აქვთ ფერების სიბრმავე ფორმები. WebAIM.org- ს შეუძლია დახმარება გაუწიოს მას, როგორც კონტრასტჩექერქსს, რომელიც შეამოწმებს თქვენს არჩევანს WCAG- ის სახელმძღვანელო პრინციპების წინააღმდეგ.