Как подобрать совместимость фонового цвета



Совместимость цветового фона в дизайне сайта/блога 


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

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

1. Основные цвета: красный, желтый, синий
Красный, желтый, синий-основные цвета для подбора фона
2. Составные цвета если смешать красный и желтый, желтый и синий, голубой и красный, Вы создадите вторичные цвета: зеленый, оранжевый и фиолетовый. Сочетание этих цветов используется для большего контраста.
Смешивание основных цветов. получаем составные цвета
3. Третичные цвета: смешивание вторичных цветов с основными. Это красно-фиолетовый, сине-фиолетовый, сине-зеленый, желто-зеленый, красно-оранжевый и желто-оранжевый. Теперь. когда Вы знаете как сделаны цвета, Вы сможете понять цветовые комбинации на круге. Это поможет Вам выбрать комбинации хорошо сочетающихся цветов. 
Смешивание вторичных с основными цветами
Вот еще цветовые сочетания, полученные из цветового круга

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

Цветовые сочетания, полученные из цветового круга
Аналогичные цвета: используя набор аналогичных цветов, можно создать ощущение разнообразия в дизайне. Хорошим примером может быть сине-зеленый, синий и сине-фиолетовый или желто-зеленый, желтый и желто-оранжевый.
Использование аналогичных цветов поможет создать ощущение разнообразия в дизайне
Триады представляют собой набор цветов, равномерно расположенных вокруг цветового круга. Используя триаду цветов на колесе можно добиться равномерного баланса и разнообразия цветового фона. В приведенных примерах: сине-фиолетовый и желто-зеленый.

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


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

Хорошо работает с одной из версий сильных цветов и приглушенных версий других цветов
Тетрадные цвета: цветовые тетрадные схемы строятся путем создания прямоугольника на цветовом круге. Нужно выбрать две противоположности на цветовом круге, а затем выбрать два других цвета через пространство цветового круга.
Как строить тетрадные цветовые схемы
Свет и тень (использование света и тени): оттенок цвета берете, к примеру синий. Добавляете белый или черный. Придаст дизайну объем и разнообразие.

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

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

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



Ну а здесь в табличке совместимость цвета текста на разных цветовых фонах.


Цвет фона 


Хорошо совмещаются 

Плохо совмещаются 

Черный
Белый  
Оранжевый
Красный  
Желтый
Синий    
Фиолетовый
Зеленый

Красный
Черный 
Белый
Желтый
Синий  
Зеленый
Фиолетовый

Оранжевый
Черный 
Белый
Желтый
Зеленый 
Синий
Голубой


Желтый
 Черный  
 Зеленый
 Синий 
 Голубой 
 Красный
 Белый 
 Бледные 
 оттенки
 всех цветов

Белый
Черный  
 Красный           
Синий
Зеленый
   Бледные 
   оттенки
   всех цветов

Зеленый
Белый 
Красный
Голубой
Черный 
Синий
Фиолетовый

 Голубой
Черный  
Белый
Желтый
Зеленый
Фиолетовый 

Синий
Белый  
Красный
Желтый  
Оранжевый

Черный  
Зеленый

Фиолетовый 
Белый  
Красный
Оранжевый  
Желтый
Черный 
Зеленый
Синий


 Вот и все на сегодня. Источник изображений кругов по адресу: http://www.sitepoint.com/color-theory-101-2/. Пишите отзывы, делитесь с друзьями и знакомыми. Всего Вам самого наилучшего.


Автор статьи ✎ Olga Protasova Выпуск ✹ 5/06/2014 Ярлыки ►


Открыть комментарии →

0 коммент. :

Отправить комментарий


 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *