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

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

Иконка дата

31.07.2018

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

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

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

Веб-дизайн

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

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

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

Теория цвета

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

Контраст

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

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

Дополнение

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

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

<

Резонанс

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Цветовая гамма

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

Триада

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

Триада

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

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

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

Аналоги

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

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

Сделайте репост
Похожие статьи
Новые алгоритмы поисковых систем
Продвижение сайтов
Landing Page или многостраничный сайт?
Разработка сайтов
Типографика в веб-дизайне
Категории
Мы в социальных
сетях
vk ok facebook twitter instagram youtube