Цветовые схемы и палитры. их значение и применение в веб-дизайне

16.12.2015 Маркетинг

В соответствии с COLOURLovers, первая цветовая палитра, существует уже более 300 лет, и была создана Исааком Ньютоном. Не смотря на то, что, другие цветовые диаграммы, существовали еще до того времени. Базисный дизайн развивался с течением времени, но концепция оставалась той же, фактически каждая комбинация цветов из палитры, будет сочетаться.

Главная цветовая палитра складывается из 12 цветов, каковые смогут быть объединены разными методами для разнообразных эффектов. Цвета смогут дополнять друг друга, и создавать хаос. Цвета делятся на категории теплых и прохладных.

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

Расширенные цветовые схемы

Расширенные цветовые палитры выстроены на этом дизайне и додают равное количество вариантов цвета около колеса. Кое-какие палитры, кроме этого включают тона и оттенки каждого цвета. Оттенок – это вариант цвета, что достигается методом добавления в него белого. Тени – это затемнение каждого оттенка методом добавления тёмного цвета.Цветовые схемы и палитры. их значение и применение в веб-дизайне

Добавление серого к цвету, формирует второй тон.

Разновидности цвета

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

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

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

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

Дополнительная цветовая схема

Дополнительная цветовая схема

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

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

Пара других типов дополнительных цветовых гамм, совмещают двухцветное сопряжение с дополнительными цветами для четырех-оттеночных палитр. Расколотая дополнительная гамма, применяет цвет, дополнения и два цвета рядом с ним. Двойная дополнительная гамма, применяет два цвета расположенных бок о бок на колесе, и несколько противоположных цветов.

Аналоговая цветовая схема

Аналоговая цветовая схема

Аналоговая цветовая схема, применяет соседние цвета из цветового колеса. В следствии получаются визуально приятные и успокаивающие цвета. Один из цветов, в таких цветовых схемах, употребляется в качестве главного цвета.

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

Триадные и тетрадные цветовые схемы

Триадная цветовая схема

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

У триадных цветовых схем имеется тенденция, быть достаточно броскими. Балансируйте цвет, выбрав главный оттенок и два вторых триадные цвета в качестве выговоров.

Тетрадная (прямоугольная) цветовая схема

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

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

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

Другие цветовые схемы

В дополнение к главным цветовым схемам, существует еще пара вторых, каковые активно применяются.

Монохроматическая цветовая схема

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

Нейтральная цветовая схема

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

Ахроматическая цветовая схема

Ахроматические схемы, созданы посредством оттенков тёмного, белого и серого.

Цвета смогут быть сложными

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

Помните о том, как оттенками и полутонами возможно добиться различных “эффектов” в нужных местах.

Высоких конверсий!

Случайные статьи:

Как выбрать цвета для сайта?


Подборка похожих статей: