Дизайн сайтов

1 декабря 2010

Использование цвета при создании веб-сайта.

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

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

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

Нейтральные цвета

Белый — белый выступает за чистоту и свежесть. В западных странах — это цвет надежда и брака, в то время, как в восточных странах белый цвет — это цвет смерти.

Серый — серый предполагает консерватизм и надежность. Оттенки серого являются одними из лидирующих цветов для делового костюма.

Коричневый — коричневый символизирует землю, дом и семью.

Черный — черный, как правило, означают мощность, элегантность и изысканность. В западных культурах также означает смерть.

Теплые цвета

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

Жёлтый — жёлтый цвет является ярким, стимулирующим, способствует корректному и быстрому принятию решений, увеличивает концентрацию внимания, это цвет оптимизма. Он ассоциируется с открытостью, свободой, подвижностью, общительностью.

Оранжевый — оранжевый символизирует теплоту, смелость, энергию, радость. А так же оранжевый цвет вызывает аппетит.

Розовый — розовый, как правило символизируют невинность, женственность и романтику.

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

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

Зеленый — хотя и считается, что зеленый выступает за ревность, жадность и неопытность, но также он выступает за богатство и деньги.

Фиолетовый — фиолетовый символизирует творчество. Темные оттенки в Англии раньше были зарезервированы для членов королевских семей. Светлые оттенки, как правило, связаны с романтикой.

Передача Цвета

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

Цветовые схемы

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

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

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

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

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

Несколько принципов выбора цвета

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


Текст должен быть читабельным. Очевидно, черным по белому это выбор по умолчанию, но другие сочетания тоже хороши. Белая, желтая или других светлых тонов работы очень хорошо смотрятся черном или любом другом темном цвете фона. Но, желтый, серый или зеленый рисунки на белом фоне просто потеряются.
Используйте цвета, которые привлекательны и приятны для глаз.
Для согласованные цвета для различных веб-браузеров, используйте веб-безопасные цвета.
Не используйте в качестве фона изображение с очень насыщенным рисунком, так как это делает текст на нем трудно читаемым. Если вы используете изображения, использовать его в качестве водяного знака.
Цвета должны быть едиными для всех веб-страниц сайта, для создания "бренда" для вашего сайта, и тогда ваши посетители будут знать, что они все еще находятся на вашем сайте.

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

Еще есть кое-что подобное:

3D-моделирование: бесплатные приложения

Теория цвета в веб-дизайне

Как правильно создать сайт

Подборка художественных сайтов

Юзабилити сайта

Проектируем сайты...

Назад / Следующее событие