Гладкий Евгений. Как сделать красивый сайт. Механизмы подбора цветов, простой и сложный

Как сделать красивый сайт?

Для начала нам нужно ознакомиться с понятием – фирменный стиль.

Фирменный стиль — это совокупность визуальных элементов, которые передают индивидуальность и идею вашего продукта.

Основные функции фирменного стиля:

• Создание уникального образа, что позволит выделяться на фоне конкурентов.
• Возможность идентифицировать ваши товары и услуги, что даст вашему товару больше узнаваемости.
• Позволяет экономить время и деньги. У вас будет единая структура, которой вы будете придерживаться при развитии вашего продукта.

Фирменный стиль делится на две категории – большой и малый.

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

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

Рассмотрим более подробно элементы “малого” фирменного стиля.

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

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

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

Начнем создание нашего фирменного стиля с раздела “Подбор цветов”

При создании сайта важно учитывать роль цвета.

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

Цвет – это первое на что человек обращает внимание, переходя на ваш сайт. Поэтому к выбору вашей цветовой палитры нужно подойти ответственно и постараться соотнести цвета к вашему товару. Какой цвет поможет его охарактеризовать? Какие цвета наиболее приятны человеческому глазу и как их правильно сочетать в соответствии с вашим продуктом?

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

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

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

Зеленый: Зеленый ассоциируется с ростом, природой и балансом. Его можно использовать для создания ощущения гармонии и расслабления.

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

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

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

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

Белый: Белый часто ассоциируется с чистотой и простотой. Его можно использовать для создания ощущения ясности и минимализма.

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

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

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

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

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