Цветовые схемы веб-сайта, которые вы можете использовать для своего сайта WordPress

Обновлено: 14 октября 2020 г. / Автор статьи: WHSR Guest

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

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

Почему важны цветовые схемы

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

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

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

Хорошая цветовая гамма также может понравиться вашей целевой аудитории.

Согласно опросу Scott Design, два самых любимых цвета - синий и зеленый.
Согласно опросу Scott Design, два самых любимых цвета - синий и зеленый.

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

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

Наконец, цвета могут повысить вовлеченность пользователей.

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

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

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

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

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

Однако, если вы хотите создать цветовую схему с нуля, вот что вы можете сделать:

  1. Выберите доминирующий цвет. Это цвет, который вы хотите выделить больше всего. Рекомендуется использовать цвет вашего бренда на всем сайте.
  2. Выберите второстепенные цвета. Эти цвета дополняют или усиливают ваш доминирующий цвет.
  3. Определите, где разместить цвета. Некоторым людям нравится использовать доминирующий цвет для выделенных функций, таких как кнопки и ссылки. Другие могут использовать его для больших визуальных элементов, а второстепенные цвета - для текста. Изучите варианты и найдите лучший для себя.
  4. Выберите цвет фона. Люди обычно выбирают нейтральный тон, чтобы сайт оставался читабельным.

8 потрясающих цветовых схем для веб-сайтов

Работы С Нами более 38% сайтов используют WordPress, Я тщательно выбрал 8 типов цветовых схем, которые вы можете использовать в качестве вдохновения для своего сайта WordPress:

1. Яркий

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

2. Без звука

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

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

3. Легкий

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

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

4. Темно

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

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

5. Пастель

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

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

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

6. Монохромный

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

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

7. Акцент

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

8. Контрастные цвета.

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

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

Подводя итог

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

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

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

Читайте также:


Об авторе: Саймон Дуайт Келлер

Саймон Дуайт Келлер (Simon Dwight Keller) - предприниматель в области цифрового маркетинга, стремящийся привлечь на свой веб-сайт массу трафика с помощью креативного и привлекательного контента. После трех лет напряженной работы в качестве фрилансера, он решил взяться за свои услуги на следующий уровень, он стал одним из основателей цифрового маркетинга компании PRable. В конце концов Саймон почувствовал, что для достижения большего ему необходимо основать собственную компанию - SDK Marketing. Со своей небольшой, но профессиональной командой он готов решать новые задачи, увеличивать ваш трафик и получать больше доходов. Помимо страсти к SEO, он интересуется хоккеем и путешествиями. Связаться с Саймоном на LinkedIn.

О ГСВР Гость

Эта статья написана гостем-автором. Представленные ниже авторские взгляды являются полностью его или ее собственными и могут не отражать взгляды ВСЖД.

Подключение: