Сегодня мы продолжим разговор об онлайн инструментах для вебмастера. И темой будет подбор комбинации цветов для оформления элементов сайта (фона, заголовков, текста и др.).

Подбор цветовой гаммы сайта

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

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

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

К счастью, такие инструменты в Интернете есть. И их достаточно много. Перечислю некоторые из них:

http://kuler.adobe.com/ - Огромный набор готовых цветовых шаблонов (более 17 тысяч!), возможность их корректировки, создание темы из имеющегося изображения. Масса настроек и возможностей. Этот сайт от компании Adobe предоставляет мощный прецизионный инструментарий для разработчика.

http://www.colorotate.org/ - Готовые шаблоны (около 1000), возможность подбора по рисунку.

http://colorexplorer.com/ - Подбор цветов, цветовые библиотеки, подбор по рисунку.

http://colorschemedesigner.com/ - Полезный конструктор цветовых схем.

Но мне больше нравится простой и эффективный инструмент Color Wizard, который находится по адресу http://www.colorsontheweb.com/colorwizard.asp.

С помощью ползунков можно подобрать основной цвет шаблона, в данном случае выбран ярко-оранжевый. И к нему автоматически подбирается оптимальная цветовая гамма по одному из 6 возможных вариантов цветовых схем: монохроматическая, аналоговая (на рисунке), триада (3-х цветная схема), тетрада (4-х цветная), комплементарные (дополняющие) цвета и разделенные комплементарные.

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

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

Красный – любовь, страсть, угроза, предупреждение, волнение, питание, импульс, действие, приключение.
Синий - надежность, успех, серьезность, спокойствие, власть, профессионализм.
Зеленый - деньги, природа, животные, здоровье, лечение, жизнь, гармония.
Оранжевый - комфорт, творчество, праздник, веселье, молодежь, доступность.
Фиолетовый - справедливость, двусмысленность, неопределенность, роскошь, фантазия, мечты.
Белый - невинность, чистота, простота.
Желтый - любопытство, игривость, веселье, развлечение.
Розовый - мягкость, сладость, невинность, молодость, нежность.
Коричневый - земля, природа, семейственность, простота.
Серый - нейтральность, безразличие, защищенность.
Черный - серьезность, тьма, тайна.

На сегодня всё. Если хотите, можете подписаться на ленту новостей на моем сайте. И тогда вы ничего не пропустите.