Результативное продвижение сайта в интернете!

г. Москва, м. Сокольники, ул. Маленковская, д. 32, стр. 3

с 10:00 до 19:00, пн.- пт. (сб./вс. - выходной)

10 красивых цветовых палитр для сайтов, которые улучшают взаимодействия

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

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

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

1. Mea Cuppa

Цветовая схема сайта Mea Cuppa
Рис. 1. Цветовая схема сайта Mea Cuppa
  • #191919;
  • #DFE2DB;
  • #FFF056;
  • #FFFFFF.

Нейтральная цветовая схема с цветовым акцентом (желтый) очень стильная и элегантная – идеально подходит для высококлассной пекарни с кексами. Минимальная цветовая палитра позволяет создать контраст и дает уникальное визуальное впечатление.

2. The Big Top

Цветовая схема сайта Big Top
Рис.2. Цветовая схема сайта Big Top
  • #C63D0F;
  • #3B3738;
  • #FDF3E7;
  • #7E8F7C.

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

3. Tori’s Eye

Цветовая схема сайта Tori’s Eye
Рис. 3. Цветовая схема сайта Tori’s Eye
  • #005A31;
  • #A8CD1B;
  • #CBE32D;
  • #F3FAB6.

На сайте Tori’s eye мы видим эффекты простой, но мощной цветовой палитры, ориентированной на оттенки основных цветов, таких как зеленый и синий. Эта монохромная цветовая схема легка для восприятия, поскольку один оттенок цвета почти всегда будет отлично работать с другим оттенком того же цвета. Пользуйтесь таким правилом: больше оттенков меньшего количества тонов.

4. Event Finds

Цветовая схема сайта Event Finds
Рис. 4. Цветовая схема сайта Event Finds
  • #558C89;
  • #74AFAD;
  • #D9853B;
  • #ECECEA.

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

5. Cheese Survival Kit

Цветовая схема сайта Cheese Survival Kit
Рис. 5. Цветовая схема сайта Cheese Survival Kit
  • #2B2B2B;
  • #DE1B1B;
  • #F6F6F6;
  • #E9E581.

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

6. Nordic Ruby

Цветовая схема сайта Nordic Ruby
Рис. 6. Цветовая схема сайта Nordic Ruby
  • #7D1935;
  • #4A96AD;
  • #F5F3EE;
  • #FFFFFF.

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

7. Lake Nona

Цветовая схема сайта Lake Nona
Рис. 7. Цветовая схема сайта Lake Nona
  • #E44424;
  • #67BCDB;
  • #A2AB58;
  • #FFFFFF.

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

8. Lemon Stand App

Цветовая схема сайта Lemon Stand App
Рис. 8. Цветовая схема сайта Lemon Stand App
  • #404040;
  • #6DBDD6;
  • #B71427;
  • #FFE658.

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

9. Mint.com

Цветовая схема сайта Mint.com
Рис. 9. Цветовая схема сайта Mint.com
  • #585858;
  • #118C4E;
  • #C1E1A6;
  • #FF9009.

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

10. Odopod

Цветовая схема сайта Odopod
Рис. 10. Цветовая схема сайта Odopod
  • #191919;
  • #DF3D82;
  • #FFFFFF.

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

 

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

Лучшим способом обучения является практика создания цветовых схем – будь то в Photoshop или через бесплатные сервисы, такие как Adobe Kuler. Создайте инвентарь палитр, которые вам нравятся, чтобы они всегда были под рукой, когда понадобятся.

А какие цветовые схемы нравятся вам?

 

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Нажимая на кнопку «Отправить комментарий», вы соглашаетесь с Условиями использования