Для чего нужен цвет?

Начинающие веб-дизайнеры часто совершают ошибки в использовании того или иного цвета. Как избежать дисгармонии? Как правильно сочетать оттенки?

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

Добавляя определенный цвет на сайте, мы создаем настроение, вызываем нужные реакции и эмоции у человека. Например:

В больницах голубой/бирюзовый цвет призван вызывать спокойствие и безопасность.

Так же цветом можно предупреждать, о каких-то опасных или неверных действиях, об успешных состояниях.

В данном случае, красный цвет указывает на ошибку.

С помощью цвета акцентируют внимание. Например, это помогает подчеркнуть важность одного объекта по сравнению с другим.

Более важная кнопка выделена цветом.

Что мы знаем о цвете?

Все мы слышали, что в нашем физическом мире существует 3 основных цвета.

Модель RGB (red, green, blue) построена на других трех основных цветах: красном, зеленом и желтом. Именно они нужны, чтобы получить все остальные цвета в диджитал, то есть на экранах смартфонов, компьютеров и телевизоров. В этой модели смешивается свет, а не краски.

RYB (red, yellow, blue) - это модель, основанная на трех основных цветах: красном, желтом и синем. Смешивая эти цвета можно получить все существующие в физическом мире. Эта модель отображена на цветовом круге Иттена, которым пользуются художники, иллюстраторы.

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

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

Как же правильно подобрать сочетающиеся цвета для своего сайта или изображения?

• Использовать известные гаммы. Например: brandcolors.net
• Готовые наборы. Например: colordrop.io , dribble.com

Мой фаворит - это сайт colormind.io/bootstrap

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

Нажмите на кнопку Generate, произойдет смена цветов.

• Фотографии и иллюстрации. Ищите вдохновение в природе, в работах художников, дизайнеров.

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

Развивайте свою насмотренность! Изучайте цвета, это повышает вашу ценность как специалиста, да и просто очень интересно. И никогда не забывайте о правиле "Кради как художник!".