Совместимость цветов

Совместимость цветов

Разработка дизайна сайта предполагает продуманную работу с цветами, текст кнопки и фон - все это надо окрасить так, чтобы все хорошо читалось и гармонично воспринималось. Попробуем разобраться какие цвета сочетаемые, а какие лучше не использовать друг с другом, и как объяснить клиенту, что «зеленые буквы на красном фоне» редко смотрятся хорошо. 

Почему цвет так важен? 

Цвет может сделать изображение крутым или, наоборот, полностью его разрушить.

Он влияет на сюжет, настроение, умеет приковывать к картинке взгляд и даже заставлять запоминать определенные элементы.

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

 

Добиться гармонии без того, чтобы углубиться в теорию, проще всего используя уже готовые подобранные сочетания цветов. Существуют ресурсы, которые давно решили эту проблему. Тут вы можете сами сгенерировать сочетания или же воспользоваться уже готовыми. Например, сайт -  https://color.adobe.com/ru/create/  поможет подобрать гамму.

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

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

Существует несколько простых цветовых схем. 

 1. Использование одного базового цвета и его тонов. Простыми словами один и тот же цвет, но темнее или светлее. Например, фон светло голубой, элементы темно синие. Такие сочетания не сложно использовать, и они приятны глазу.

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

3. Использование противоположных (находящихся друг против друга) цветов в круге. Это более сложные сочетания, с которыми надо быть весьма аккуратными, они способны гармонично ужиться только в одном дизайне. Если использовать их в чистом виде, то дизайн может получиться очень контрастным и мультяшным, если просто немного понизить тон выбранных цветов, вы получите приятные глазу сочетания.

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

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

Все статьи
03.04.2020 21:19
Войти