Около 80% информации о внешнем мире человек воспринимает с помощью зрения. Оценивая предмет по его внешнему виду, форме и цвету создается первое впечатление. Всего лишь доли секунды достаточно, чтобы человек понял, хочет он купить этот товар или нет. А всё из-за цвета, сочетания оттенков, подобранной палитры.
Простую аналогию можно провести на одежде. К примеру, мало кто решится купить ярко-зеленые штаны в малиновой ромбик, ведь эти цвета не гармонируют и смотрятся странно.
Аналогию можно провести и с дизайном. Дизайн ресурса – это первое, что видит пользователь, посещая сайт. Человек оценивает интернет-ресурс по цветовым тандемам, и подсознательно решает – оставаться на этой странице или нет. Цветовые сочетания дизайна сайта должны вызывать у пользователя приятные ассоциации, а не отталкивать.
Именно поэтому важно понимать, какие цвета выбрать для вашего ресурса, как их правильно комбинировать, чтобы это мотивировало пользователя просматривать следующие страницы сайта и привело к целевым действия.
Цвет сайта и целевая аудитория
Казалось бы, ну что общего у этих двух понятий. Однако, общего очень много! По мнению экспертов, стиль и цветовое решение сайта должны полностью отвечать целевой аудитории – её возрасту, виду деятельности, интересам.
Разберём на примерах. Допустим, сайт занимается продажей машин. Следовательно, целевая аудитория ресурса – обеспеченные мужчины среднего возраста. Из этого напрашивается вывод, захочет ли такой человек просматривать автомобили, если сайт выполнен в розовых тонах. Такой ресурс будет казаться несерьёзным и оттолкнет покупателя.
Но сайт в розовых тонах – подходящее решение для ресурса, где собраны советы по вязанию. Там аудитория – женщины. Соответственно, прежде чем выбирать варианты для будущего сайта, нужно тщательно проанализировать посетителей ресурса.
Цветовая гамма
Когда определились с цветами, которые будут соответствовать аудитории, нужно рассмотреть подробнее цветовую гамму. Ее выбирают для каждой группы сайтов отдельно.
Как выбрать палитру?
Чтобы грамотно подобрать решения в дизайне, можно воспользоваться проверенными рекомендациями:
- Детские темы – позитивные тона;
- Для женщин – светлые тона;
- Для мужчин – темные насыщенные цвета.
Естественно, это стандартная формула, которая требует продумывания нюансов. К примеру, есть сайты, у которых аудитория и мужчины, и женщины. В данном случае лучше воспользоваться правилом нейтральности.
Не меньшую роль играет фирменный стиль бренда. Если логотип и дизайн компании известен на рынке, то сайт следует выполнить в фирменных цветах бренда.
Сочетание цветов
Выбор цветов, сочетающихся друг с другом, – задача простая. Главное придерживаться правила – на сайте не должно быть свыше 4 различных цветов, к ним нужно подбирать соответствующие оттенки.
В данном случае пригодится кольцо Ньютона, которое было придумано еще в 18 столетии. Дизайнеры сегодня пользуются широким разнообразием цветов и оттенков, которые можно найти на специальных сервисах. Но в основе этого цветового кольца главные принципы подбора цвета.
Идея Ньютона заключалась в том, что существует всего три главных цвета – синий, красный и жёлтый. Их смешивание приводит к появлению новых оттенков. Сочетая эти оттенки в разных количествах по насыщенности, получим новый выбор палитры.
Контрасты
Каждый цвет имеет противоположный. Контрастные тона противоположны главному цвету. Зачастую посредством контрастных цветов расставляют акценты – выделяют надписи, текст, кнопки, тем самым мотивируя человека к действию.
Чтобы узнать контрастный цвет к другому цвету, также можно воспользоваться кольцом Ньютона. Достаточно выбрать цвет и провести параллель к противоположной стороне.
Тона
Высококонтрастные цвета (черный, жёлтый и т.д.) способны формировать оптические эффекты. С их помощью можно эффективно выделить информацию.
Температура
Цвета делят на группы относительно температуры:
- Тёплые – красный и жёлтый
- Холодные – зелёный и синий
- Нейтральные – чёрный и белый
Применение тонов, разных по температуре поможет сформировать динамичную картину.
Интенсивность
Чем меньше цвет имеет серого, тем он насыщеннее. Хотите создать идеальный тандем в дизайне? Всё просто! Используйте менее интенсивные оттенки в фоне, расставляя акценты насыщенными цветами. Это привлечет взгляды и надолго останется в памяти.
Распространение цвета
Яркие элементы на нейтральном фоне привлекают внимание. Это закон без исключений. Контрастные оттенки способны эффективно и лаконично привлечь к себе взгляд пользователей.
Восприятие палитры
При создании дизайна сайта, важно понимать, что каждый цвет по-особому воспринимается пользователем. Одним только цветом можно сформировать положительные или отрицательные эмоции. Поэтому при создании сайта важно понимать, какие чувства вы хотите вызвать у целевой аудитории.
Отдельное внимание стоит уделить цветовому восприятию и религии. К примеру, христиане воспринимают бежевый цвет как простоту, а буддисты сравнивают его с элегантностью.
Рассмотрим самые распространенные цветовые ассоциации, которые распространены в Европе.
Красный
Ассоциации: страсть, важность
Именно этот цвет может максимально быстро и эффективно привлечь к себе внимание. Красный зачастую применяют для создания призывов, выделения кнопок.
Красный – цвет эмоций. Создавая дизайн, не увлекайтесь им. Не стоит применять красный как основной. Он подойдёт для расстановки акцентов и привлечения внимания.
Оранжевый
Ассоциации: дружба, энергия, молодость
Оранжевый – самый тёплый оттенок в палитре. Он вызывает целый ряд ассоциаций, но только положительных. Если сделать сайт в основном оранжевом цвете, он создаст ощущение молодости, безудержного движения, позитивных эмоций. Именно поэтому сайт Fanta выполнен именно в этих цветах.
Оранжевый также можно задействовать для привлечения внимания. По этим функциям он ничуть не будет уступать красному.
Жёлтый
Ассоциации: счастье и радость
Сайт, созданный в желтом цвете, вызывает эмоции энергии. По восприятию его сравнивают с красным, но при этом эмоции будут нежнее. Жёлтый – цвет детства, солнца. Однако, цвет несет ничуть не детскую функцию. Наоборот, жёлтый способен подчеркнуть профессионализм, вызвать доверие к бренду.
Зелёный
Ассоциации: спокойствие, равновесие
Зелёный – самый расслабляющий цвет. Он находится в промежутке между синим успокаивающим и жёлтым энергичным цветом. В результате зелёный формирует идеальный баланс.
Но во многом восприятие зелёного зависит от насыщенности. К примеру, спокойные светлые оттенки зелёного говорят о легкости, а насыщенные передают серьёзность атмосферы. Глубокие оттенки зелёного подчеркивают престижность.
Синий
Ассоциации: спокойствие, стабильность
Синий, наподобие зелёного, воспринимается по-разному относительно насыщенности. Пример – светлые тона синего вызывают доверие. В данных тонах выполнены логотипы и сайт социальных сетей – Тwitter, Facebook.
Темные оттенки вызывают ассоциации надежности. Такой сайт будет отображением профессионализма. Насыщенные глубокие оттенки синего говорят о благородстве и респектабельности.
Белый
Ассоциации: чистота, доброта
Белый относится к нейтральным цветам, и зачастую применяется как основной фон сайта. Преимущество белого – он отлично сочетается с разнообразными оттенками от светлых до темных. Белый – признак минимализма и лаконичности. С его помощью всегда можно сделать стильный дизайн.
Чёрный
Ассоциации: власть, стиль
Чёрный цвет вызывает эмоции величия, превосходства. Именно поэтому многие крупные бренды часто прибегают к этому цвету при создании корпоративных сайтов. Черный отлично комбинируется с различными светлыми оттенками, с помощью которых можно правильно расставить акценты. Чёрный, как и белый цвет, – свидетельство минимализма и лаконичности.
Подбирая цветовую гамму, необходимо продумывать каждую деталь тщательно и серьезно. Не стоит полагаться только свои предпочтения. Задумайтесь о целевой аудитории при создании сайт, об их потребностях и пожеланиях.