Найти в Дзене
Astahova WebDesign

Как цветовой контраст помогает создавать качественный дизайн?

Оглавление
Игра контрастов обеспечивает удобочитаемость графических элементов.
Игра контрастов обеспечивает удобочитаемость графических элементов.

Большое количество отказов от просмотра сайта вызвано плохой проработкой визуальной составляющей и отсутствием эргономичности. В своей профессиональной деятельности я часто вижу сайты с креативным дизайном заднего плана и слишком маленькими шрифтами на переднем, а так же сайты, где текст плохо читается на фоне. Их сложно прочесть человеку с отличным зрением, а что говорить про аудиторию с нарушениями? По данным ВОЗ в мире 285 миллионов людей имеют проблемы со зрением (и чаще всего мы - дизайнеры, так как 24/7 находимся за компьютером), многие страдают дальтонизмом.

По причине невозможности разобраться в функционале сайта из за множества отвлекающих факторов (например неправильно подобранные цветовые решения и их контрастность) люди уходят с сайта.

Что делать в такой ситуации дизайнеру или владельцу сайта?

Главное правило доступного для клиента дизайна - избегать низкого цветового контраста между фоновым изображением и текстом, а так же элементами дизайн решения.

Можно ли делать дизайн в пастельных тонах?

Однозначно можно, но на мой взгляд лучше выбрать 2 пастельных оттенка различающиеся по тональности и 1 контрастный, либо 1 пастельный (например, для фона), 1 контрастный (для текста и элементов). Для прокачки своих навыков используйте цветовую схему Иттена и поэкспериментируйте в любом редакторе, зафиксируйте понравившиеся результаты.

Цветовая схема Иттена Иоганнеса. Помогает создавать эргономичные цветовые схемы для дизайна.  Коллаж автора.
Цветовая схема Иттена Иоганнеса. Помогает создавать эргономичные цветовые схемы для дизайна. Коллаж автора.

Что дает игра контрастов в дизайне и почему она так важна?

1. Обеспечивает эргономичность и удобочитаемость. Этот показатель важен, когда зритель просматривает контент на маленьком экране, например, с телефона или планшета, а так же при плохом освещении.

2. Правильно подобранный цветовой контраст способен увеличить конверсию сайта, так как помогает аудитории лучше ориентироваться на ресурсе.

Если вы хотите сделать не просто сайт, а ресурс, на который аудитория захочет возвращаться снова и снова уделите внимание и проработайте цветовую схему и ее контрастность, желательно в самом начале проектирования, дабы избежать лишних правок и сэкономить время и для других важных задач. Создавайте доступные дизайны и результат не заставит ждать.

Понравилась статья? Подпишитесь на канал, поставьте лайк, комментируйте. Поделитесь публикацией и вы поможете создавать более качественный контент для вас.