Цвета играют важную роль в передаче определенных эмоций и ассоциаций, поэтому важно серьезно подумать над выбором идеальной цветовой палитры для вашего бизнес-сайта. Цвета, которые вы выбираете, пробуждают чувства еще до того, как зритель успеет прочитать слоган вашей компании. Выбор цветовой схемы является ключевой частью создания веб-сайта и репутации вашего бизнеса в Интернете.
Чтобы принять наиболее взвешенное решение о цветовом выборе вашего сайта, вот несколько советов, которые помогут вам привлечь зрителей с первой секунды, когда они заходят на ваш сайт.
1. Цвета должны отражать ваш бизнес в целом, а не только ваш веб-сайт
Ваш веб-сайт является продолжением вашего бизнеса, поэтому выбранная вами цветовая палитра должна соответствовать вашим фирменным цветам. Будь то цвета вашего логотипа или цвета, используемые в ваших маркетинговых материалах, убедитесь, что вы используете те же тона на своем веб-сайте. Последовательность является ключом к созданию узнаваемого бренда, и когда все ваши материалы совпадают или дополняют друг друга, это может улучшить общественное восприятие вашего бизнеса.
Target - яркий пример компании, использующей единые фирменные цвета в своих печатных и цифровых маркетинговых усилиях. На веб-сайте четко виден логотип и набор цветов, связанных с брендом: красный, белый и черный. Присутствуют и другие цвета, но свободного места достаточно, чтобы фирменные цвета выделялись на странице. В любой печатной части эти три основных цвета будут выделяться и сообщать основную миссию и индивидуальность Target.
Учитывайте видение вашего бизнеса и обещания бренда при выборе цветов для своего веб-сайта.
2. Выберите доминирующий цвет для вашего бренда
Если у вас нет фирменных или предустановленных цветов для вашего бизнеса, определите выделяющийся цвет для вашего бренда - это цвет, который станет маяком вашего бренда и станет ассоциироваться с вашим бизнесом.
Как вы, наверное, догадались, красный цвет Target является доминирующим цветом бренда. Это тип быстрого припоминания, который вы хотите создать при выборе доминирующего цвета.
Цвета имеют значения, которые различаются в зависимости от культуры, поэтому выбор идеальной цветовой схемы для вашего бизнеса выходит за рамки эстетики. Вызов правильных эмоций, чувств и настроений с помощью выбора цвета имеет такое же значение, как и слова, которые вы размещаете на своей странице. К счастью, вам не нужно выяснять, какие цвета что означают - Avangate составил следующий список распространенных цветовых ассоциаций и упростил работу по расшифровке того, какие цвета лучше всего подходят вашему фирменному стилю.
- Красный: энергия, страсть, волнение, сила; также подразумевает агрессию, опасность.
- Синий: хладнокровие, духовность, свобода, терпение, верность, мир, надежность; также может означать грусть, депрессию.
- Желтый: свет, оптимизм, счастье, яркость, радость.
- Зеленый: жизнь, естественность, спокойствие, здоровье, богатство, процветание; в определенных контекстах может означать распад, токсичность.
- Оранжевый: дружелюбие, теплота, доступность, энергия, игривость, смелость.
- Фиолетовый: мудрость, изысканность, праздник.
- Белый: чистота, чистота, молодость, свежесть, покой.
- Черный: сила, элегантность, тайна, тайна.
- Серый: безопасность, зрелость, надежность.
- Розовый: романтичный женский цвет.
- Коричневый: комфорт, сила, стабильность, надежность.
Ссылайтесь на эти общие значения при выборе основного цвета веб-сайта.
3. Добавьте 1-2 акцентных цвета, чтобы завершить цветовую палитру
В зависимости от вашего выбора доминирующего цвета, ваш веб-сайт должен включать один или два акцентных цвета, чтобы дополнить палитру. Эти цвета следует использовать для панелей навигации, призыва к действию и других мест, где вы хотите привлечь внимание зрителя и заставить его что-то сделать на вашем сайте.
Акцентные цвета часто можно увидеть на кнопках, таких как «Зарегистрироваться» или «Подробнее», а также в раскрывающихся меню.
Как узнать, какие цвета на самом деле дополняют ваш доминирующий цвет? Существуют инструменты, которые позволяют создавать цветовую палитру, которая выглядит эстетично и соответствует бренду.
ColorJack и AdobeCC позволяют создавать собственную цветовую палитру на основе доминирующего цвета. Вы даже можете начать с этих инструментов при выборе доминирующего цвета. Эти ресурсы предоставляют вам различные варианты палитры, основанные на ваших цветовых предпочтениях, и дают вам точные шестнадцатеричные коды, чтобы вы всегда получали точный цвет, который вы хотите, когда вы передаете свои фирменные цвета дизайнерам или сторонним поставщикам.
Если вы чувствуете, что застряли, ознакомьтесь с этими 50 вдохновляющими цветовыми палитрами от Digital Telepathy - они наверняка вдохновят вас на творчество и помогут создать собственную палитру веб-сайта.
4. Цвет фона для завершения дизайна
Цвет фона вашего веб-сайта является последним компонентом вашей цветовой схемы. Цвет фона должен работать в тандеме с другими цветами и обеспечивать сильный контраст с каждым из них. Когда используется хороший цвет фона, зрители могут легко прочитать текст, увидеть логотип или элементы дизайна и понять сообщение веб-сайта. Цвет фона должен дополнять друг друга и не конкурировать с другими фирменными цветами.
Белый очень часто используется в качестве цвета фона, потому что он создает необходимое белое пространство и создает иллюзию пространства для читателя. Если белый цвет не подходит для вашего бизнеса, попробуйте другие, более мягкие цвета, чтобы они не отвлекали внимание от доминирующих и акцентных цветов.
5. Используйте цвета пропорционально
Правило 60-30-10 - это философия дизайна, которая обеспечивает пропорции вашей цветовой гамме. Он гласит, что доминирующий цвет должен занимать около 60% пространства вашего веб-сайта, а второстепенные и третичные акцентные цвета должны занимать около 30% и 10% страницы соответственно. Если ваш доминирующий цвет бирюзовый, это не значит, что 60% вашего сайта должны быть этого цвета. Вместо этого используйте правило как соотношение при использовании набора цветов. Это поможет сохранить баланс, включив цвет фона и другие изображения и графику, которые вы решите добавить на свой сайт.
Как только цветовая палитра вашего веб-сайта настроена, вы готовы к работе. Добавьте эти цвета в свой конструктор сайтов и воплотите свое видение в жизнь через свой сайт. Вы будете поражены тем, что идеальный набор цветов может сделать для вашего бизнеса.