Цвет – это большая часть того, как мы воспринимаем мир. Все, что мы испытываем, состоит из разных цветов. Некоторые вдохновляют и волнуют нас, а другие могут заставить нас чувствовать себя немного подавленными.
Так что это значит для вашего сайта и бренда?
Я думаю, что одна из самых трудных вещей с цветом – это умение применять его так, чтобы ваш бренд выделялся, не являясь демонстрацией цветов. Есть так много мест, где можно найти идеи для цветовых палитр, но что вы с ними делаете?
Я создал краткое руководство и бесплатный набор цветовых схем для печати, которые помогут вам выбрать цвета вашей марки с намерением и целью.
Выберите основной цвет
Первое, что нужно сделать, если вы хотите создать эпический бренд (и, конечно, вы делаете!), Это определить тон вашего бренда. Это действительно означает, что вы должны решить, как ваш бренд будет выглядеть, чувствовать и слушать людей.
Сделав это, просто назначьте цвет, соответствующий тону вашего бренда. Выбранный вами цвет станет основным цветом для вашего бренда. Чтобы помочь вам определиться, вот список некоторых цветов и настроений, которые они вызывают:
- Красный: сильный, мощный, веселый, молодой, уверенный в себе, захватывающий, громкий, живой
- Оранжевый: дружелюбный, энергичный, уникальный, позитивный, оптимистичный, энергичный
- Желтый: счастливая, солнечная, восторженная, позитивная, счастливая, теплая
- Зеленый цвет: спокойный, освежающий, здоровый, зеленый, сытный, натуральный, мотивированный
- Синий: открытый, воздушный, спокойный, заслуживающий доверия, надежный, безопасный, спокойный, уверенный в себе, современный
- Пурпурный: творческий, пышный, роскошный, загадочный, царственный, романтичный, соблазнительный, роскошный, мудрый, мощный, сильный, уверенный в себе, вневременной, острый
- Серый: нейтральный, скучный, депрессивный
- Бежевый: нейтральный, улавливает окружающие цветовые особенности
- Ivory: нейтральный, чистый, простой, легкий
Красный получает больше кликов
Знаете ли вы, как красный топ заставляет ваши плечи выглядеть больше, а пара черных брюк делает ваши бедра меньше? Цвет имеет много общего с нашим визуальным восприятием размера.
Если вы играете с такими цветами, вы можете выделить определенные элементы и привлечь внимание людей, даже если они меньше.
Красный и оранжевый – вот так: они появляются онлайн. Это цвета “действия”. Они выглядят больше, чем они есть, и довольно быстро привлекают их внимание. Люди хотят щелкнуть красным и оранжевым.
Просто посмотри на себя Pinterest подача. Какой цвет выделяется больше всего?
Преврати свой основной цвет в цвет действия
У меня это, красный больше выделяется. Но что, если красный или оранжевый не соответствуют индивидуальности вашего бренда?
Большой вопрос! Допустим, ваш основной цвет синий. Вы все еще можете выделить его, чтобы люди заметили его и нажали на него. Вам просто нужно быть более осторожным с тем, как вы его применяете.
Когда вы смотрите на этот список покупок, какое слово вы помните?
- яблоко
- оранжевый
- Банан
- Ананас
- Лимон
- черника
- клубника
- Мускусная дыня
- киви
Ананас, верно? Это звучит довольно очевидно, но когда у вас одинаковые цвета на одной странице, а затем другая, этот элемент будет выделяться больше. Это называется «эффект изоляции». Вы выделяете этот цвет, чтобы выделить его больше.
Вы можете использовать эффект изоляции, чтобы преобразовать его основной цвет в цвет его действия. Это просто еще один способ сказать, какого цвета вы хотите, чтобы люди нажимали. Если вы намеренно выберете цветовую схему, о которой я расскажу ниже, вы можете обучить людей своему цвету действий. В основном его цвет действия должен выделяться среди других цветов.
Сравнить цветовые палитры
Я люблю создавать разные цветовые комбинации. Очень забавно! Прежде чем выбрать цветовую гамму своего бренда, поиграйте с несколькими различными цветовыми палитрами для вдохновения. Вот несколько сайтов, которые мне нравятся:
- Кулер – Хотите знать, какие цвета сочетаются с фиолетовым? Используйте цветовое колесо Кулера и выберите линейку (дополнительные, тени, составные) для создания различных цветовых схем. Это даст вам шестнадцатеричный код и значения RGB для каждого цвета. Вы также можете просмотреть свою библиотеку для идей.
- ЦВЕТА – Сообщество креативщиков со всего мира, которые делятся своей цветовой палитрой. Что мне нравится в этом сайте, так это то, что вам не нужно знать шестнадцатеричный код цвета, чтобы начать получать идеи. Если вы хотите оранжевую цветовую схему, просто найдите «оранжевый», и вы увидите тонны различных оранжевых цветовых палитр.
- Coolors – Это, наверное, мой любимый. Это генератор цветовой схемы, который дает вам новый набор цветов при каждом нажатии клавиши пробела. Как только вы увидите палитру, которая включает в себя ее основной цвет, вы можете изменить оттенок и насыщенность или даже выбрать другой оттенок, чтобы увидеть, как этот новый цвет выглядит вместе с другими.
- Pictaculous – Супер круто и очень весело! Вы хотите создать цветовую схему на основе фотографии или изображения? Загрузите его в Pictaculous, и он сгенерирует из него цветовую схему, а также дополнительные цветовые комбинации от Kuler и ColourLovers. Вот палитра, сгенерированная из моего изображения:
Создайте свою собственную цветовую схему
Теперь, когда у вас есть идеи по цвету, соответствующие цвету вашего действия, следующим шагом будет создание цветовой схемы вашего бренда.
Сначала записка. Экспериментировать с разными цветами – это весело, и это прекрасно. В какой-то момент вы захотите уменьшить его до 3-4 цветов, чтобы ваш бренд не был виден везде. Самые успешные бренды являются стратегическими и соответствуют их элементам бренда, и вы тоже хотите добиться успеха! Поэтому, когда вы думаете о цвете, думайте о стратегии,
Еще несколько идей о цветовых схемах:
- Каждый цвет должен иметь определенное назначение. Не просто выбирайте цвета, потому что вы думаете, что они выглядят вместе. Конечно, вы этого хотите, но еще важнее то, как вы применяете цвета к элементам вашего бренда, например, к заголовкам, заголовкам, тексту, значкам, кнопкам и ссылкам.
- Как я уже упоминал ранее, ваш цвет действия (основной) – это тот, который вы действительно хотите выделить. Сохраните этот цвет для ваших ссылок и кнопок.
- Выберите 1-2 нейтральных оттенка для фона. Нейтральные тона не обязательно являются захватывающими, а это именно то, что вы хотите. Нейтральные цвета выделяют цвет вашего действия. Они похожи на пробелы в том, как они открывают вашу страницу и делят контрастные цвета.
- Выберите контрастный (и темный) цвет для фона, заголовков и текста.
- В идеале цвет вашей надписи должен отличаться от цвета вашей акции. Это может быть сложно в зависимости от вашей цветовой схемы, но это определенно что-то иметь в виду. Если вы используете цвет действия только для кнопок и ссылок, ваши читатели не будут смущены тем, что нажимать.
Если вы хотите, вы можете скачать его в виде набора для печати, чтобы помочь вам выбрать цвета вашей марки. Нажмите на изображение ниже, чтобы загрузить набор для подбора цвета.
Psst … Цвета – это только ОДИН из многих элементов бренда, которые мы описываем в The Build My Brand Toolkit. С помощью этого комплекта вы создадите полную систему брендинга, включающую все ваши визуальные элементы (логотип, цвета, шрифты, шаблоны для социальных сетей, руководство по стилю), плюс копию бренда (о странице, домашней странице, сообщениях, тоне и т. Д.). стиль блога), чтобы вы могли создать бренд, который заставляет вас улыбаться. Нажмите на изображение ниже, чтобы узнать больше!
