Контрастът играе важна роля за успеха на дизайна на всеки сайт. Адекватният контраст осигурява качествен потребителски опит и по-лесна четливост, което ще допринесе за дългосрочния успех на обекта.
Уеб сайтове, които са твърде ниски в контраст, могат да бъдат трудни за четене и използване, което ще има отрицателно въздействие върху успеха на всеки сайт. Лошите проблеми с контраста на цветовете често са лесни за идентифициране; често можете просто да погледнете страница в уеб браузър и да видите дали даден текст е трудно да се чете поради лошото контрастиране на цветовия избор.
Въпреки че може да е лесно да се определи кои цветове не работят добре заедно, може да се окаже предизвикателство да решите кои цветове ще работят добре в контраст с другите и в дизайна на уебсайт. Тази диаграма показва разнообразие от цветове и начина, по който те контрастират добре като цветове на преден план и фон. Можете да видите някои ефективни двойки, както и лошо сдвояване, което трябва да се избягва, когато избирате цветове за проектите на сайта си.
Не всички силни контрасти са добри контрасти
Едно нещо, което трябва да отбележите в диаграмата, е как някои от тези цветове могат да бъдат много ярки и да се появяват живи на определен цвят на фона, например син на черно, но те са означени като лоши контрастни избори. Това е така, защото цветовата комбинация, независимо от нейния контраст, все още води до текст, който е трудно да се чете. Ако щяхте да създадете страница в цял син текст на черен фон, вашите читатели щяха да почувстват очите много бързо.
Има правила и най-добри практики за контраст, но като дизайнер, винаги трябва да оценявате тези правила, за да сте сигурни, че те работят във вашия конкретен случай.
Стандарти за брандиране и контрастен избор на цвят
Контрастът е само един от факторите, които трябва да имате предвид при избора на цветове за дизайна на уебсайта Ви. Когато избирате цветове, вероятно ще трябва да имате предвид и стандартите за марката за клиента, независимо дали става дума за компания, друга организация или дори за отделно лице. Въпреки че цветовите палитри може да са в съответствие с насоките на марката на дадена организация, те може да не се превеждат добре за онлайн представяне.
Например, жълти и светли зелени са ужасно предизвикателство за ефективно използване на уеб сайтове. Ако тези цветове са в насоките на фирмената марка, те вероятно ще трябва да бъдат използвани само като цветове на акцентите, тъй като е трудно да се намерят цветове, които да се различават добре и с двете.
По същия начин, ако цветовете на марката ви са черно-бели, това означава голям контраст, но ако имате сайт с дълги размери текст, черен фон с бял текст ще направи четенето много осезаемо преживяване въпреки присъщата сила на контраст между черно и бяло. В този случай е препоръчително да инвертирате цветовете, като използвате черен текст на бял фон. Това може да не е толкова визуално интересно, но е много по-добър избор за контраст и четливост.
Онлайн инструменти
В допълнение към собствения ви смисъл на дизайна, има и някои онлайн инструменти, които можете да използвате, за да изпробвате цветовия избор на сайта си. CheckMyColors.com ще тества всички цветове на вашия сайт и ще докладва за контрастното съотношение между елементите на страницата.
Освен това, когато мислите за избор на цвят, трябва да имате предвид и достъпността на уебсайта и хората, които имат форми на цветна слепота. WebAIM.org може да помогне с това, както и ContrastChecker.com, който ще тества избора ви спрямо Указанията за достъпност на уеб съдържание (WCAG).
