Главная » 2015 » Сентябрь » 27 » Регламент веб-дизайнера (Часть 3)

Регламент веб-дизайнера (Часть 3)

О цветовой гамме

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

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

Цветовой круг является непременным атрибутом дизайнеров и художников студии НИКА. Круг позволяет выбрать цвета, которые гармонировали бы вместе. Он состоит из 6 основных цветов: красный, оранжевый, желтый, зеленый, синий, фиолетовый и дополнительных цветов.

Чтобы найти правильную цветовою схему, необходимо использовать любые два цвета друг напротив друга, любые три цвета на равном расстоянии при формировании треугольника или любой из четырех цветов, образующих прямоугольник (две пары цвета друг напротив друга). Цветовые схемы остаются правильными независимо от угла поворота.

Основные цвета

Есть три основных цвета: красный (# ff0000 в HTML или # F00 в CSS), желтый (# FFFF00 в HTML или # ff0 в CSS) и голубой (# 0000FF в HTML или # 00f в CSS). Нельзя их получить путем смешивания других цветов. Дополнительные цвета могут быть сформированы путем объединения этих трех цветов. 

Составные цвета

Есть также три основных: оранжевый (# ff9900 в HTML или # F90 в CSS), зеленый (# 00FF00 в HTML или # 0f0 в CSS) и фиолетовый (# FF00FF в HTML или # f0f в CSS). Вы можете получить их путем смешивания красного и желтого(оранжевого), желтого и синего (зеленый) и синего и красного (фиолетовый).

Третичные цвета

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

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

Дополнительные цвета расположены прямо напротив друг друга на цветовом круге: красный и зеленый, синий и оранжевый, фиолетовый и желтый. В сочетании друг с другом, они составляют разительный контраст. Такие сочетания, как правило, используются для выделения некоторых элементов на web-сайте.

Аналогичные цвета

Эти цвета расположены рядом друг с другом на цветовом круге. Они обычно смотрят очень хорошо вместе. Использование таких цветовых сочетаний вызывает чувство комфортa у посетителей Вашего сайта.

Значение цветов

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

Красный

В основном связан с азартом, смелостью и желанием. Красный цвет любви, силы, энергии, лидерства и волнения. Это сильный цвет, и вы должны знать о некоторых его негативных эмоциях: опасность, тревога.

Голубой

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

Желтый

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

Оранжевый

Бодрость и творчество. Ассоциируется с дружелюбием, уверенностью, игривостью, мужеством, стойкостью.

Фиолетовый

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

Зеленый

Цвет гармонии, природы, исцеления, жизни, питания и здоровья. Кроме того, часто связан с деньгами.

Коричневый

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

Серый

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

Розовый

Выражает нежность, романтичность, женственность, пассивность, привязанность, воспитание, слабость.

Черный

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

Белый

Белый связан с чистотой, простотой, свежестью, добротой, невинностью.
 

Примеры идеального сочетания цветов:

#50d07d

#d02552

#b2cecf

 

#DC3D24

#232B2B

#FFFFFF

#E3AE57

 

#221E1D

#ECEAE0

#63AA9C

#E9633B

 

#222930

#4EB1BA

#E9E9E9

 

#E4E4E4

#F1684E

#1B1B1B

 

#763A7A

#0288AD

#F6F3EC

 

#AC2832

#000000

#DFD297

#FFFFFF

 

#F2EFE4

#CB8C1D

#4C3327

#BD3632

 

#DCD8CF

#E25D33

#282827

 

#B94629

#E3DEC1

#E89F65

#47AFAF

 

#ED1C24

#831618

#FFFFFF

 

#D05A00

#FEFFF8

#29241E

 

#FFD500

#FFFFFF

#38300A

#E9C92D

#000000

 

#E4DBBF

#DC5B21

#70AB8F

#383127

 

#191919

#DFE2DB

#FFF056

#FFFFFF

 

#2B2B2B

#DE1B1B

#F6F6F6

#E9E581

 

#00ACE9

#D43F3F

#6A9A1F

#F6F6E8

#404040

 

#434E3C

#F5F4EB

#893667

 

#D2D2D3

#FFFFFF

#FFE361

 

#8A0651

#FFFFFF

#000000

#424242

 

#99CD4E

#FFFFFF

#343434

#E1E1E1

 

#222222

#D11250

#DB5800

#006899

#008F68

 

#BDBAB4

#FF6766

#97CE68

#6BCBCA

#FF9900

 

 

 

 

 

 

Категория: Регламент веб-дизайнера | Просмотров: 1448 | Добавил: nikozavr | Рейтинг: 5.0/1
Всего комментариев: 0
avatar

Категории раздела

Заметки разработчика [8]
Заметки на тему работы с HTML. Уроки от дизайнеров и программистов студии НИКА. От простого к сложному.
Регламент веб-дизайнера [4]
Специалисты веб студии НИКА расскажут о секретках и правилах веб-дизайна.
Регламент копирайтера [2]
Специалисты студии НИКА пишут тексты с уникальностью до 100% на любую тематику. Некоторыми правилами и приемами копирайтинга делимся с начинающими писать.
Секреты дизайнера сайтов [2]
Основы работы с CSS
Опыт создания сайтов [1]
Специалисты студии НИКА рассказывают о нюансах при разработке веб-сайтов

Вход на сайт

Поиск