Как не ошибиться при выборе цвета сайта

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

Кто-то скажет банальную фразу «на вкус и цвет товарищей нет». Отчасти это так. Но заметьте, что встречаются композиции с продуманным сочетанием цветов, которые нравятся большинству или по крайней мере не вызывают раздражения. Получается это из-за того, что существуют определенные законы применения тех или иных цветов, которыми должны пользоваться все дизайнеры. Попробуем ниже обозначить их:

1) Теплые, холодные цвета

Прежде всего, определите для себя понятия теплых и холодных цветов. Теплый цвет (красный, розовый, желтый, зеленый) привлекает внимание к объекту, делает его более активным, холодный (черный, синий, голубой) наоборот уменьшает и отдаляет объект. Вот почему объекты с теплыми цветами всегда кажутся ближе, чем с холодными при равном удалении. Из этого вытекает следующая закономерность. Если вы создаете проект, к примеру «организация праздников», «развлекательный портал», «доставка цветов», в общем случае не рекомендуется делать его в холодных мрачных тонах(естественно бывают различные исключения). Для реалиции подобных проектов старайтесь оживить цветовой репертуар. В большинстве своем люди тянутся всегда к чему-то светлому, радостному, а не к темному и мрачному.

Теплые цвета:

Холодные цвета:

 

2) Больше оригинальности!

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

3) Подбирайте цвет по размеру

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

4) Соблюдайте принцип единства и контраста

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

Плохое сочетание:

Лучше использовать:

5) Фон и текст

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

6) Выделяйте ссылки

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

7) Основные характеристики цветов

Расмотрим основные характеристики некоторых цветов и влияние на восприятие:

Синий цвет – холодный цвет. В зависимости от насыщенности вызывает ощущения мрачности, спокойствия, мерзлоты. Цвет вполне подойдет для серьезных деловых, корпоративных или информационных сайтов. Кстати по результатам исследований пользователи наиболее лучше реагируют на ссылки синего цвета. Голубой, тоже является холодным цветом. Очень неплохо может сочетаться с каким-нибудь теплым цветом (зеленым, желтым, красным и их оттенками ). Также воздействует успокаивающе на посетителя. Зеленый. Можно назвать его цветом жизни. Если вы хотите оживить ваш сайт, используйте зеленый цвет или его оттенки. Очень хорошо сочетается со всеми цветами особенно с оттенками красного, оранжевого, голубого. Желтый цвет обладает уникальным свойством, он очень контрастно сочетается со всеми цветами. Из-за этого в чистом виде при дизайне сайтов он используется редко, из-за того, что бьет по глазам, зачастую придавая излишнюю пестроту композиции. Поэтому при web-дизайне старайтесь использовать лишь оттенки желтого. В дизайне наружной рекламы или полиграфической продукции в чистом виде желтый цвет можно встретить чаще, так как там сильно выраженный контраст более приветствуется. Но там другое дело, водитель проехал мимо магистрального щита, увидел быстро контрастную надпись и все. А пользователи Интернета имеют возможность и время как следует разглядеть ваш дизайн, ваши цвета, пощелкать странички у вас на сайте. Если посетителю становится некомфортно при заходе на сайт из за пестрой цветовой гаммы, то он вполне может его закрыть. Он так и не прочитает информацию на сайте, насколько бы полезна она ему не была. Красный цвет в чистом виде часто называется цветом тревоги и возбужджения. Если хотите обратить усиленное внимание посетителя на какой-либо объект вашего сайта, воспользуйтесь красным цветом. Более темный красный цвет действует наоборот успокаивающе, ассоциируется с благородством, сдержанностью, некоторым консерватизмом. Очень хорошо, ненавязчиво смотрятся следующие цвета, их удобно использовать для фона страниц: естественно, белый, бежевый, слабо-красный, светло-серый, светло-зеленый. Данные рассуждения кому-то покажутся очень субъективными. Пожалуйста, в таком случае используйте свои проверенные временем цвета и следите, как посетители на них реагируют. Выставляйте это на обсуждения в форумы, создавайте опросы на своем сайте и т.д.    businessinternet.ru