Цветовое оформление сайта, т.е. цветовая палитра или цветовой стиль дизайна сайта, может быть различным. В большинстве случаев для дизайна сайта используются всего три-четыре основных цвета или их оттенки (*). Приводим различные цветовые стили (**) веб-дизайна (2-6), которые могут быть использованы при оформлении сайта, и примеры применения стилей (7-16) веб-дизайна на основе наиболее популярной компоновки веб-страницы.

В разделе приведён набор цветовых стилей на основе одного основного цвета и его оттенков: красные, оранжевые, жёлтые, зелёные, голубые, синие, фиолетовые, серые стили.

Примечание

(*)  Применения двух, трёх или четырёх основных цветов или их оттенков в качестве цветового стиля дизайна веб-сайта не огранивает количество цветов, используемых в цветовой палитре сайта.

На цветовой стиль дизайна любого сайта, в первую очередь, оказывает содержание страниц сайта: графика (рисунки, фотографии), текст, таблицы, маркеры, горизонтальные линии, баннеры, счётчики подсчёта посетителей и т.д.

От содержания страниц сайта зависит выбор стиля веб-дизайна и его компоновки.

•  Вопрос

Зачем нужны цветовые стили веб-дизайна?

Ответ

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

•   Вопрос

В чём разница между разделом цветовых ассоциаций

Раздел цветовых ассоциациаций Цветовые ассоциации Элегантные (изящные) цвета Спокойные (мирные) цвета Земные (житейские) цвета Энергичные цвета Богатые (плодородные) цвета Направляющие (указательные) цвета Профессиональные цвета Освежающие (оживляющие) цвета Ностальгические цвета Жизненные и роковые цвета Тёплые (сердечные) цвета Холодные (прохладные) цвета Возбуждающие (волнующие) цвета Женские (женственные) цвета Натуральные (естественные) цвета Ударные (резкие) цвета Сюрпризные (неожиданные) цвета Спокойные (расслабляющие) цвета Молодые (неагрессивные) цвета

и данным разделом (цветовые стили веб-дизайна)?

Ответ

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

На гистограмме показаны усреднённые величины влияния каждого цвета, по сравнению с максимальным (жёлтым).

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

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

1. Отведение меньшего размера площади страницы сайта под определённый цвет.

Пример 1

Пример 2

Пример 3

2. Регулировать влияние цвета можно с помощью увеличения или уменьшения яркости цвета.

Правила:

• Темные цвета тяжелее светлых.

• Насыщенные цвета кажутся тяжелее приглушенных.

• Если значения яркости и насыщенности у двух цветов одинаковы, то теплые оттенки будут казаться более тяжёлыми.

3. Изменение места расположения на странице сайта области, заполненной определённым цветом.

Пример

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

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

Резюме

Подбор цветов для дизайна сайта условно сводится к трём основным этапам:

1. Выбор цветовых ассоциаций, которые должен оказывать дизайн сайта на посетителей.

2. Подбор оптимального сочетания основных цветов или их оттенков.

3. Корректировка влияния каждого цвета и его оттенка на общую цветовую гармонию сайта.

Примечание

• У разных народов цветовые ассоциации различны: на Западе чёрный цвет ассоциируется со смертью и мрачными мыслями, в Японии белый цвет - цвет смерти.

• В то же время белый и красный - цвета национального флага Японии. Белый считается цветом чистоты, а красный - цветом солнца. Красный считается ещё и женским цветом - возможно, потому, что напоминает кровь. Хризантема желтого цвета - эмблема Японии.

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

• Один и тот же цвет может вызвать противоречивые ассоциации. При создании дизайна сайта важно учитывать тематику сайта.

• Не обязательно самостоятельно подбирать цвета для дизайна сайта. Дизайн сайта создают профессиональные веб-дизайнеры с учётом задач поставленных перед сайтом, его тематики и предполагаемой аудитории.

• Больше примеров серых оттенков, с указанием их названия и обозначения в системе RGB и шестнадцатеричной системе, смотрите на страницах "небезопасная палитра".

Наши услуги: