7 правил создания цветовых схем сайтаВ брендинге и дизайне сайтов цвета действительно имеют значение.


Почему?

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

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

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

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

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

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

Итак, вот с чего начать …

Contents

7 шагов для создания собственной цветовой схемы сайта

1. Найдите свой основной цвет

Скорее всего, вы уже выбрали свой основной цвет. Если у вас есть логотип или какой-либо существующий бренд, вероятно, есть один основной цвет, который доминирует над дизайном. Это цвет, с которым будет ассоциироваться ваш бренд – ваш основной цвет бренда.

Если вы не близки к окончательному решению, пройти этот тест чтобы выяснить ваши варианты, проводить исследования рынка и использовать такие сайты, как Dribbble или Behance для вдохновения.

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

Когда вы сталкиваетесь с особенно приятным для глаз дизайном или изображением, не стесняйтесь использовать палитру цветов, чтобы получить шестнадцатеричный код и добавить его в список избранных.. ColorZilla кажется популярным инструментом. И если вы используете Chrome в качестве основного браузера, посмотрите на Расширение браузера Eye Dropper так как это один из самых высокопоставленных инструментов.

2. Определитесь с количеством цветов (рекомендуется: 3)

После того, как у вас есть основной цвет, следующий шаг должен решить, сколько других цветов вы добавите в смесь.

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

Существует также старое правило дизайнера, которое может быть полезным при применении вашей цветовой схемы к дизайну сайта. Это известно как 60-30-10 правило.

Правило 60-30-10 советует не использовать равные количества выбранных цветов, а делить их на проценты и применять соответственно. Хорошим примером этого правила на практике является мужской костюм: блейзер и брюки занимают около 60% внешнего вида, рубашка – еще 30%, а галстук – 10%..

3. Используйте вторичные цвета, когда это необходимо

Сопоставление вторичных цветов с основными цветами бренда может быть проблемой, но не отчаивайтесь! В Интернете доступно множество бесплатных бесплатных интеллектуальных инструментов, которые значительно облегчат эту задачу. Например, вы можете отправиться в Цветовое пространство, введите шестнадцатеричный код выбранного вами цвета и бездельничайте! (Больше инструментов генератора цветовой палитры ниже…)

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

У Mailchimp есть широкая и продуманная схема сайта для всего своего фирменного контента.
Например, Mailchimp имеет широкую и продуманную схему сайта для всего своего фирменного контента.

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

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

4. Не забывайте свои нейтральные цвета (белый, черный серый)

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

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

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

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

Если вы застряли на идеи, вернитесь к Dribbble или Designspiration и используйте цветной поиск, чтобы увидеть, что делают другие.

5. Добавьте основной, вторичный и нейтральный цвета в следующих местах:

Как вы применяете цветовую схему сайта? Какие цвета идут куда и почему?

  • Основные цвета перейдите в «горячие точки» на вашей веб-странице. Вы должны использовать эти яркие, яркие цвета, чтобы привлечь внимание пользователей и побудить их принять меры. Кнопки CTA, заголовки, значки преимуществ, формы загрузки и другая важная информация должны выделяться основными цветами.
  • Вторичные цвета используются для выделения менее важной информации на веб-сайте, такой как дополнительные кнопки, подзаголовки, активные пункты меню, фоны или вспомогательный контент, такой как часто задаваемые вопросы и отзывы.
  • Нейтральные цвета Скорее всего, будет использоваться для текста и фона, но может пригодиться в особенно красочных разделах сайта, просто чтобы смягчить его и перефокусировать взгляд.

6. Пройдите процесс несколько раз

Когда вы наконец разработаете свою цветовую палитру, проверьте ее в различных сценариях. Будет ли это работать в печати? Что если вы решите начать торговую линию? Влияет ли это на посетителей, которых вы ожидали??

Лучше всего пройти этот процесс пару раз и создать несколько разных цветовых палитр. Если кто-то не выполнит все ваши требования, у вас будет план B.

7. Мозговой штурм, когда это необходимо

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

  1. Цветовое пространство – этот сайт может генерировать полную цветовую схему на основе шестнадцатеричного кода одного выбранного цвета.
  2. Adobe Color – этот инструмент Adobe построен вокруг концепции цветового круга и позволяет в несколько кликов разработать любую цветовую схему веб-сайта. Вы также можете загрузить изображение для извлечения цветовых кодов, перетаскивая файл в инструмент..
  3. Paletton – Paletton – еще один удобный инструмент для создания красивых цветовых схем без каких-либо технических или дизайнерских знаний.
  4. Coolors – этот инструмент действительно удобен для тестирования того, как разные цвета работают вместе. С его интерфейсом перетаскивания вы можете перемещать цвета и видеть, конфликтуют ли они или хорошо работают вместе.
  5. ColorSpire – другой генератор цветовой схемы сайта.
  6. Цветное колесо Канвы – этот бесплатный инструмент очень удобен в использовании и может помочь вам понять, какие цвета отлично смотрятся вместе, а какие цветовые комбинации – нет-нет. Кроме того, есть много образовательного контента, чтобы ответить на любые ваши вопросы о теории цвета и цветовом круге..

Наиболее часто задаваемые вопросы:

1. Почему важна цветовая схема сайта?

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

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

Например, в 2000 году, Глазго введен уличное освещение синего цвета улучшает ландшафт города, что случайно привело к заметному снижению числа преступлений в районах, освещенных голубыми огнями. по аналогии, Токийская железная дорога Yamanote Линия решила установить синие огни в конце железнодорожных платформ, чтобы уменьшить количество самоубийств. В результате самоубийства на этих станциях упали на 74%.

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

Ясно одно: при правильном использовании цвета могут иметь большую власть над нами. И именно поэтому выбор правильной цветовой схемы для вашего сайта так важен.

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

2. Какие эмоции связаны с разными цветами?

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

по факту, 85% покупателей сказали они покупают продукты, основанные только на цвете.

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

Но с чего начать?

Вот шесть основных цвета, которые вызывают уникальный эмоциональный отклик в зрителях:

красный

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

Vodafone.
Кредит изображения: Vodafone.

оранжевый

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

Easygroup
Кредит изображения: Easygroup.

желтый

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

гусеница
Кредит изображения: гусеница.

зеленый

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

Старбакс
Кредит изображения: Старбакс.

синий

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

Государственная служба здравоохранения
Кредит изображения: Государственная служба здравоохранения.

Пурпурный

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

Cadbury
Кредит изображения: Cadbury.

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

3. Что я должен знать о гендерных / возрастных цветовых различиях?

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

И это не просто разные демографические, которые по-разному смотрят на цвета. Оказывается, мужчины и женщины тоже предпочитают разные цвета.

В исследовании 2012, почти 2000 мужчин и женщин спросили, предпочитают ли они фиолетовый, синий, зеленый, желтый, оранжевый, красный или розовый.

42% мужчин назвали синий своим любимым цветом, за которым следуют зеленый (25%) и фиолетовый (12%). Женщины также сказали, что синий цвет был их предпочтительным цветом (29%), за ним следуют фиолетовый (27%) и зеленый (19%)..

Круговая диаграмма: любимые цвета человечества
Круговая диаграмма: любимые цвета человечества.

Хотя разница в цветовых предпочтениях мужчин и женщин незначительна, она может оказать существенное влияние на успех бренда. Это не все. При создании цветовой схемы веб-сайта, которая подходит для обоих полов, также важно учитывать наименее любимые цвета..

Так какие цвета предпочитают разные полы?

Так какие цвета предпочитают разные полы? Несколько исследование было сделано в этом направлении.

Дешёвые или нечеткие цвета

По данным этого исследования, и мужчины, и женщины не любят коричневый и оранжевый. 17% женщин также включили серый в свой список трех самых любимых цветов. Интересно, что оба пола считают эти же цвета «дешевыми» или «недорогими».

4. Какие цвета привлекают наибольшее внимание?

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

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

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

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

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

5. Какие отрасли предпочитают разные цвета?

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

Поэтому неудивительно, что разные отрасли предпочитают разные цвета, поскольку они пытаются вызвать определенные эмоции и создать отраслевые ассоциации..

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

6. Как я могу улучшить узнаваемость бренда?

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

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

Давайте сделаем быстрый эксперимент. Закройте глаза и подумайте об этих трех брендах: Milka Chocolate, IKEA и Carlsberg. Вы видели их фирменные цвета? Бьюсь об заклад, ваш мозг был мгновенно осыпан фиолетовыми, сине-желтыми и зелеными изображениями.

Milka
Кредит изображения: Milka.

Исследования показали, что цвет повышает узнаваемость бренда на 80%. Повышение узнаваемости бренда, в свою очередь, помогает компаниям установить знакомство. И чем более знакомо что-то, тем больше мы доверяем этому.

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

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

7. Что такое нейтральные цвета?

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

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

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

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

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

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

В одном исследовании проанализировано 520 логотипов
В одном исследовании проанализировано 520 логотипов.

Синий, красный и зеленый – три доминирующих цвета, которые возникают почти в каждой отрасли.

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

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

8. Есть ли примеры хороших цветовых схем сайта??

Есть! Вот 20 примеров, чтобы вдохновить цветовой гаммы вашего сайта.

1. Яркий Акцент Цвет

Crescosa
Кредит изображения: Crescosa.

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

2. Яркая, но сбалансированная цветовая схема

Идеальный шторм
Кредит изображения: Идеальный шторм.

Эта цветовая схема веб-сайта уравновешивает два ярких цвета, используя ярко-красный в качестве цвета акцента.

Откройте для себя более яркие акцентные цветовые схемы на Adobe Color.

3. Свежая и органично выглядящая цветовая схема

Calem
Кредит изображения: Calem.

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

4. Земляные тона

LaunchBuzz
Кредит изображения: LaunchBuzz.

Эта цветовая схема сайта использует нейтральный цвет фона, чтобы подчеркнуть персиковый цвет продукта..

Откройте для себя более свежие цветовые схемы на Adobe Color.

5. Спокойная и минималистичная цветовая схема

Работать ответственно
Кредит изображения: Работать ответственно.

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

6. Гладкая и расслабленная цветовая схема

выточка
Кредит изображения: выточка.

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

Узнайте больше минималистских цветовых схем на Adobe Color.

7. Пастельная и приглушенная цветовая схема

соучастник
Кредит изображения: соучастник.

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

8. Мягкая и привлекательная цветовая схема

Седрик Перейра
Кредит изображения: Седрик Перейра.

Эта цветовая схема сайта сочетает в себе несколько пастельных цветов, чтобы создать мягкий и привлекательный вид.

Узнайте больше о пастельных цветовых схемах на Adobe Color.

9. Яркая и смелая цветовая схема

MA True Cannabis
Кредит изображения: MA True Cannabis.

Насыщенная цветом и энергией, эта яркая цветовая палитра объединяет яркий желтый и яркий синий, создавая мощную комбинацию. Благодаря ярким цветам и интересным элементам дизайна, сайт оставляет неизгладимое впечатление и взрыв цитрусовых ароматов..

10. Яркий контраст

Dropbox Design
Кредит изображения: Dropbox Design.

В этой цветовой схеме два ярких цвета используются для создания привлекательного контраста.

Откройте для себя более яркие цветовые схемы на Adobe Color.

11. Красочная и современная цветовая схема

Подтверждают
Кредит изображения: Подтверждают.

Этот сайт отличается утонченным и современным дизайном, сочетая яркие цвета с нейтральным фоном. С одним акцентным цветом для кнопок CTA, дизайн веб-сайта великолепно работает, направляя посетителя к желаемому действию..

12. Веселая и игривая

Ваш план, ваша планета
Кредит изображения: Ваш план, ваша планета.

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

Откройте для себя более красочные цветовые схемы на Adobe Color.

13. Монохроматическая цветовая схема

Revolve Studio
Кредит изображения: Revolve Studio.

Играя с текстурой и различными оттенками черного и серого, эта цветовая палитра помогает создать таинственный, но доступный дизайн сайта. Отсутствие цвета в этом веб-дизайне заставляет посетителя сосредоточиться на других элементах, включая копирование, фигуры и визуальные эффекты..

14. Элегантный и спокойный

Mowellens
Кредит изображения: Mowellens.

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

Узнайте больше монохромных цветовых схем на Adobe Color.

15. Яркая и острая цветовая схема

Большие глаза оленей
Кредит изображения: Большие глаза оленей.

Этот веб-дизайн с четкой цветовой гаммой производит сильное первое впечатление. Не боясь ярких цветов, дизайн веб-сайта сочетает в себе различные оттенки, чтобы создать резкий контраст и привлечь внимание посетителя – от темно-розового до темно-зеленого и насыщенного синего, цветовая гамма эклектична, но сбалансирована.

16. Не бойтесь смелых цветов

Цвет по коду
Кредит изображения: Цвет по коду.

Благодаря высокой контрастности и трем ярким цветам, эта цветовая схема сайта создает смелое впечатление.

Откройте для себя более яркие цветовые схемы на Adobe Color.

17. Элегантная и роскошная цветовая схема

Шер Ами
Кредит изображения: Шер Ами.

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

18. С оттенком золота

Паола Краузе
Кредит изображения: Паола Краузе.

Пример ниже демонстрирует, как бросать в цвет, который имеет сильные культурные ассоциации – в этом случае; золото – может изменить динамику всего дизайна и сделать его более величественным.

Откройте для себя более элегантные цветовые схемы на Adobe Color.

19. Корпоративная, но энергичная цветовая схема

Бамбуковая толпа
Кредит изображения: Бамбуковая толпа.

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

20. Традиционно, но интересно

Creddy
Кредит изображения: Creddy.

Классическое сочетание красного и синего цветов оживает в этом классном дизайне сайта.

Узнайте больше о корпоративных цветовых схемах на Adobe Color.

Теперь вы сами знаете, как разработать цветовую схему сайта

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

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

Теперь наденьте свою дизайнерскую шляпу и начните экспериментировать с вашей цветовой палитрой!

Подпишитесь на нашу рассылку

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me