Колористика в веб-дизайне

Колористика в веб-дизайне

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

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

Теория цвета

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

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

Красный, желтый и голубой цвета невозможно получить путем смешивания – они основные. А их объединение приводит к образованию дополнительных: зеленый (синий+желтый), оранжевый (красный+желтый) и фиолетовый (красный+синий). Смешивание трех цветовых компонентов дает третичные цвета. Тут комбинаций множество.

Контрастными называют цвета, противоположные друг другу в круге: красный и зеленый, фиолетовый и желтый, синий и оранжевый. Для привлечения особого внимания к отдельному элементу веб-сайта используйте именно эти сочетания. Для гармоничного восприятия компонентов ресурса объединяйте те, что расположены в круге рядом. Так вы добьетесь появления чувства комфорта у посетителя.

Этнокультурная символика цвета

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

Красный символизирует:
• в Китае - удачу, торжество;
• в Индии - чистоту
• в Южной Африке – траур;
• на Востоке – красный+белый – радость;
• на Западе – страсть;
• в США – праздники: красный+белый – день святого Валентина, красный+зеленый – Рождество;
• в Японии – жизнь;
• по фен-шуй означает Янь, огонь, удачу, уважение, защиту, живучесть, деньги.

Голубой символизирует:
• в Европе – спокойствие;
• в Иране – духовность, а также траур;
• в Китае – бессмертие;
• на Ближнем Востоке – защиту;
• на Западе - печаль, депрессию;
• по фен-шуй означает воду, покой, любовь, исцеление, релаксацию, доверие, приключения;
• во многих культурах это цвет безопасности.

Желтый символизирует:
• в Европе – счастье, надежду, радость, но и слабость;
• в Азии – императорский цвет;
• в Египте – траур;
• в Японии – мужество;
• в буддистских странах – мудрость;
• по фен-шуй означает Янь, Землю, солнечные лучи, тепло, движение;
• в Индии это цвет торговцев.

Психологические особенности восприятия цвета

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

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

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

Желтый пробуждает энергичность, любопытство, ассоциируется с радостью, развлечениями, интеллектом. Но! Старайтесь не перенасытить ресурс этим цветом – пробудить чувство осторожности.

Оранжевый вызывает ощущение бодрости, стимулирует к творчеству, дружелюбию, игривости, дает чувство уверенности, даже мужества и стойкости.

Фиолетовый будит честолюбивые мысли, ассоциируется с властью, мудростью, роскошью, магией и тайной.

Зеленый – не только цвет жизненной энергии, но и вызывает мысли о деньгах, при этом ассоциируется с гармонией, природой, исцелением.

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

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

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

Белый – цвет чистоты, простоты и доброты.

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

Несколько маленьких секретов веб-дизайнеров

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

Внимание! Практические задачи в данной программе предназначены для очной формы обучения.

Для остальных они следующие:

- нарисовать цветовой круг Гёте

- сделать растяжку цветов от красного к жёлтому, от жёлтого к синему, от синего к красному

- сделать ахроматическую растяжку от белого к чёрному

- нарисовать по четыре ассоциативные композиции на листе А3 на следующие темы:

1. утро, день, вечер, ночь;

2. весна, лето, осень, зима;

3. кислое, солёное, сладкое, горькое

4. вальс, танго, менуэт, рок-н-ролл

Форма абстрактная и единая для каждого задания. Задача упражнений – увидеть, как цвет изменяет форму и воздействует на чувства и восприятие одного и того же объекта.