Выбираем цветовую гамму для сайта

Как определиться с цветовой палитрой сайта?

Перед тем, как рассуждать о выборе цветовой палитры сайты хочу дать Вам важный совет: «Лучше если оформлением сайта займется профессиональный дизайнер». Цель данного материала — поделиться общими подходами и понятием, что же такое цвет, как его использовать. Вам будет проще понять идеи дизайнера и Вы сможете более осознанно подойти к разработке сайта. Он будет выглядеть выигрышно при оформлении, если все подобранные цвета распределить гармонично.  Отказавшись от выраженного цвета в дизайне есть риск, что он не запомнится. Если перестараться с цветом сайт будет казаться вычурным. Нужно использовать все в меру и особенно, что касается цвета.Чтобы вся гамма цвета сайта выглядела гармонично, нужно научиться сочетать тона. Тут встает следующий вопрос, а сколько должно быть цветов?

Сколько цветов должно быть на сайте?

Первое что нужно сделать — найти цвет, который будет доминировать. Выбирая основной цвет, определитесь какую эмоцию он должен вызывать у клиентов сайта. Разумный выбор цветовой модели является своего рода маркетингом. Определенный цвет способен привлечь свою категорию людей и влиять на их выбор. Чтобы привлечь на сайт пользователей, нужны комбинации из разных цветов. Мужчины например предпочитают яркие цвета, а оттенки темные. Женщины любят приглушенные цвета, а оттенки светлые. А вообще нужно изучить свою потенциальную аудиторию. Найдя главный цвет использовать его только в тех местах, которые требуют особого внимания посетителей. Главным цветом можно выделить:

  • логотип
  • важную информацию
  • вкладки меню
  • заголовки и названия;

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

Пример подбора цвета на основании Material Design palette
Пример подбора цвета на основании Material Design palette

Какие цветовые палитры сейчас в тренде?

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

Смотрите примеры сайтов на профильных дизайнерских ресурсах, например на dribbble.com
Смотрите примеры сайтов на профильных дизайнерских ресурсах, например на https://dribbble.com/shots/following/web-design

Понятие чистых цветов.

Цвет как фундамент, является основой дизайна. В профессиональных руках он сильный инструмент. Огромную роль играет то, как зрительно воспринимается цвет. Цвет по-разному влияет на сознание человека. С помощью цвета возможно поменять отношение к разного рода предметам.Тон, насыщенность, хроматичность, яркость являются свойствами цвета.Основа тона состоит из двенадцати ярких и чистых цветов. Они показаны на цветовом круге.Яркость-это особенность цвета, темная или светлая его сторона. Преобладание белого в тоне, значит выше яркость. Хроматичность указывает на чистоту тона. Говоря о хроматичности значит упоминаем чистоту цвета. Эта черта показывает как он чист. Нет примеси черного, серого, белого цвета значит чистота высокая. Хороший уровень хрома обеспечивает яркость цвету.Работая с цветовым кругом понимаешь как лучше связывать цвета между собой. Круг значимый инструмент в работе с сочетаемостью цветов. Существуют различные математические модели, которые подбирают цвета на базе цветового круга. Подобные модели лежат в основе автоматических сервисов по подбору цветов. 

Полезные сервисы для подбора сочетаний цветов на сайте.

Составление схемы цветов при оформлении сайта является существенной задачей. С помощью цвета можно оказать влияние на людей. Одни привлекают, а другие отталкивают.Обратите внимание на инструмент от Google: https://material.io/resources/theme-editor/ Плагин позволяет подобрать сочетание цветов, посмотреть на готовых шаблонах как это будет выглядеть в реальности.Еще один хороший способ — смотрите примеры проектов, подмечайте понравившиеся решения и выбирайте нужные для себя цвета. Угадать предпочтения всех своих клиентов Вы вряд ли сможете, поэтому отталкивайтесь от своих предпочтений в первую очередь.

Рейтинг
( Пока оценок нет )
Дмитрий/ автор статьи
Добавить комментарий

BAFL