Бесплатная школа UX/UI-дизайна с наставником

Цветовая палитра: душа визуального дизайна

Мы узнаем о цвете и его магическом влиянии на дизайн интерфейсов.

Автор: BSL Prasad

Цвет — это свет, который падает на тот или иной объект и отражается от него. Без света мы не можем различать цвета. Ученые называют такое излучение длиной электромагнитной волны. Что если я скажу вам: "Цвета не существует". Да! Вы не ослышались, все, что мы видим, это лишь свет, который не был поглощен окружающими нас предметами.

Возьмем, к примеру, желтый банан: его поверхность поглощает все цвета, кроме желтого, который мы видим. То же самое относится и ко всем остальным объектам. Если поверхность поглощает весь свет, получается черный, а если отражает все световые волны — белый. 

Теперь мы знаем, что такое цвет. Давайте рассмотрим его свойства и основные цветовые схемы.

Важная роль цвета в дизайне

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

В зависимости от того, какие ассоциации они вызывают, выделяют теплые, например, красный, оранжевый и желтый, и холодные, например, синий, фиолетовый и зеленый, цвета.

Давайте обратимся к основным характеристикам цвета.

Свойства цвета

  • Тон
  • Насыщенность
  • Яркость
1. Тон

Тон — чистый цвет сам по себе без примеси белого или черного.

2. Насыщенность

Насыщенность — интенсивность цвета, которая может быть высокой или низкой.

3. Яркость

Яркость — добавление черного или белого цвета для получения оттенка (в английском языке оттенок с примесью черного называется “shade”, с примесью белого — “tint”).

Цветовые гармонии

  • Монохромная
  • Аналоговая
  • Комплементарная
  • Раздельно-комплементарная
  • Триада
  • Тетрада
1. Монохромная

Монохромная цветовая палитра состоит из разных оттенков (shades, tints) одного цвета.

2. Аналоговая

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

3. Комплементарная

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

4. Раздельно-комплементарная

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

5. Триада

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

6. Тетрада

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

Заключение

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

Спасибо за внимание!

Источник
и
:
arrow