Дизайн сайта

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

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

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

Вы все еще не верите в способность цветов вызывать у человека эмоции? Тогда просто вспомните фразы: «черная тоска» или «в мрачном настроении».

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

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

Цвета могут классифицироваться как «нейтральные», «теплые» и «холодные». Следует остановиться на этом вопросе и сфокусироваться подробнее на использовании цветов при создании сайтов.

Содержание

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

Первая категория цветов классифицируется как нейтральная. Сюда можно отнести:

Белый – ассоциируется с чистотой. У народов востока он отождествляется со смертью, тогда как на западе – с браком (платье невесты) и надеждой.
Серый – консерватизм и постоянство. Не даром ведь все оттенки серого так популярны для делового костюма.
Бронзовый – отождествляется с землей, домашним очагом и семьей.
Черный – это цвет власти, холодной элегантности, изысканности. Для жителей Запада — цвет смерти.

Теплые цвета сайта

Также выделяют категорию тёплых цветов. Вы уже можете догадываться о том, какие именно варианты окажутся в нижеприведённом списке:

Красный – подходит, если нужно привлечь внимание. Вспомните о том, как часто его используют в рекламе, для предупреждающих знаков, для выделения наиболее важных частей текста.Мало тех, кто не обратит внимание на какую-то красную деталь, где бы она не находилась. Ассоциируется с гневом, кровью, страстью. Оказывает возбуждающее действие на человека.
Желтый – иногда означает слабость или боязнь, но кроме этого – тепло, солнечный свет, счастье.
Оранжевый – цвет осени и урожая. Жители США связывают с праздником Хэллоуин. Как утверждают — может возбуждать аппетит у человека.
Розовый – обычно означает женственность и романтизм.

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

В этой категории находятся такие цвета:

Синий – успокаивающе действует на человека. Он означает, в первую очередь, доверие. Удивительно, но факт, что многие финансовые и медицинские учреждения используют в дизайне оттенки синего. Как утверждают – может подавлять аппетит.
Зеленый – может отождествляться с завистью, алчностью или неопытностью («молодо-зелено»), но также с богатством, финансами.
Фиолетовый – означает творчество. Темные оттенки фиолетового некогда были популярны в семьях монархов, а легкие обычно связывают с романтикой.

Web-цвета

ЭЛТ-мониторы, ЖК и плазменные панели обладают различным качеством цветопередачи. Всего существует 216 цветов, которые будут отображаться на любом типе монитора и в любом WEB-браузере.

Это так называемые WEB-безопасные цвета. При разработке сайта следует использовать только их. Тогда вам точно не придётся столкнуться с проблемами в дальнейшем при работе с ресурсом.

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

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

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

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

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

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

Основные цвета и их выбор

Если Вы желаете, чтобы Ваша WEB-страница была удобна для чтения, воспользуйтесь нижеприведенными советами.

Текст следует делать читабельным. В большинстве случаев используют классическую комбинацию: черный текст и белый фон. Удобное сочетание, но оно, к удивлению, не одно. Можно попробовать поиграться с различными оттенками. Получится уникально и, тем не менее, такое решение не окажет негативного влияния.
Хорошо будут смотреться белый, желтый и иные легкие цвета на черном или любом темном фоне. Но избегайте желтого, зеленого или серого текста на белом фоне. Это очень сильно напрягает зрение.
Цвета должны быть привлекательным, чтобы на них приятно было смотреть. Кислотные оттенки – не лучший выбор в случае с оформлением сайта.
Выбирайте цвета, сочетающиеся с цветами изображений на Вашем сайте. Естественно, установить какой-то чёткий цвет всех изображений сайта невозможно. Но хотя бы выбрать подобное направление уже не сложно. Если сайт о растениях, то, скорее всего, 75% картинок будут состоять в большей мере из зелёного цвета и его оттенков.
Для последовательного отображения цветов в различных браузерах, пользуйтесь сетями безопасных цветов.
Не следует использовать яркие, контрастные изображения в качестве фона для текста — это сделает его трудночитаемым.
Желательно использовать одинаковые цвета для всех Ваших WEB-страниц. Это будет своего рода «бренд» вашего сайта. Посетители смогут легко узнать ваши WEB-страницы из тысячи остальных.

Заключение

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

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