Статья о цвете в веб-дизайне | Веб-студия Zeusweb
Загрузка

Цвет в веб-дизайне

Иконка дата

31.07.2018

Иконка просмотры

Просмоторов:441

Иконка категории

Веб-дизайн

Цвет в веб-дизайне

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

В этой статье я хочу рассказать о теории цвета и влиянии различных цветов на человеческие чувства.


ТЕОРИЯ ЦВЕТА

Разобьем эту теорию на три части и последовательно поговорим о контрасте в веб-дизайне, а также о дополнении и резонансе.


КОНТРАСТ

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

Контрастирующие цвета


ДОПОЛНЕНИЕ

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

Дополнительные цвета


РЕЗОНАНС

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

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

Пример сайта с красным дизайном


Оранжевый проявляет интерес и порождает ощущение движения. Из теплых тонов он самый сдержанный.

Пример сайта с оранжевым дизайном


Желтый – универсальный. Определяемые им эмоции напрямую подчиняются оттенку и градируют от энергии до комфорта и любопытства.

Пример сайта с желтым дизайном


Зеленый находится на границе между теплыми и холодными цветами. Он умиротворяет как синий и владеет бодростью желтого цвета. Формирует ощущение баланса и постоянства. Темно зеленый придаст показанной странице эффект достатка и изобилия.

Пример сайта с зеленым дизайном


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

Пример сайта с синим дизайном


Фиолетовый соотносится с изобилием. Светло фиолетовый связан с романтикой. Темный же вызывает представление загадочности.

Пример сайта с фиолетовым дизайном


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

Пример сайта с черным дизайном


Белый позволяет привлечь внимание к окружающим его цветам.

Пример сайта с белым дизайном


ЦВЕТОВАЯ ГАММА

При создании сайтов применяют цветовые гаммы. Для комбинации в них цветов распространены различные методы. Рассмотрим самые применяемые.

ТРИАДА

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

Триада


ДВОЙНАЯ КОМПЛИМЕНТАРНАЯ СИСТЕМА

В этой системе количество цветов увеличено до четырёх. Берутся два дополнительных цвета и соответствующая им пара контрастных.

Двойная комплиментарная система


АНАЛОГИ

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

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

Сделайте репост

Похожие статьи:


Новые алгоритмы поисковых систем
Продвижение сайтов
Landing Page или многостраничный сайт?
Разработка сайтов
Типографика в веб-дизайне