Выбранная цветовая схема вашего сайта вызывает желаемый отклик пользователей? У всех есть свои любимые цвета, которые привлекают и влияют на восприятие тем или иным образом, но опытный дизайнер понимает важность оценки цветовой схемы на основе значений цвета в отношении продвигаемого продукта/услуги.
Для создания хорошего варианта цветовой палитры требуется тщательное планирование, и, когда найденный вариант действительно хорош, он может повлиять на то, как посетитель интерпретирует увиденное на сайте, так же как в случае печатного макета.
В этой статье мы рассмотрим красивые цветовые схемы и то, как они влияют на повышение привлекательности вашего контента для посетителей.
Содержание
1. Mea Cuppa
- #191919;
- #DFE2DB;
- #FFF056;
- #FFFFFF.
Нейтральная цветовая схема с цветовым акцентом (желтый) очень стильная и элегантная – идеально подходит для высококлассной пекарни с кексами. Минимальная цветовая палитра позволяет создать контраст и дает уникальное визуальное впечатление.
2. The Big Top
- #C63D0F;
- #3B3738;
- #FDF3E7;
- #7E8F7C.
Аналоговые цветовые схемы – одни из самых простых в создании, их можно отрегулировать манипулированием тоном или оттенком. При этом вы создаете контраст, который с большей вероятностью привлечет внимание к дизайну. Дизайн становится еще интереснее за счет пользовательской цветовой схемы на слайд-навигации, которая добавляет внезапные цветовые акценты на фоне окружающей приглушенной палитры.
3. Tori’s Eye
- #005A31;
- #A8CD1B;
- #CBE32D;
- #F3FAB6.
На сайте Tori’s eye мы видим эффекты простой, но мощной цветовой палитры, ориентированной на оттенки основных цветов, таких как зеленый и синий. Эта монохромная цветовая схема легка для восприятия, поскольку один оттенок цвета почти всегда будет отлично работать с другим оттенком того же цвета. Пользуйтесь таким правилом: больше оттенков меньшего количества тонов.
4. Event Finds
- #558C89;
- #74AFAD;
- #D9853B;
- #ECECEA.
На сайте Event Finds вы можете увидеть эффект использования разных оттенков одного тона. Контраст достигается за счет использования комплементарного цвета (в этом случае – оранжевого), которым в данном дизайне выделяются кнопки действий.
5. Cheese Survival Kit
- #2B2B2B;
- #DE1B1B;
- #F6F6F6;
- #E9E581.
Для многих веб-сайтов сначала разрабатывают логотип, и уже он диктует цветовую схему. Это видно на веб-сайте Cheese Survival Kit, который использует контрастные цвета для улучшения визуального впечатления. Желтые цветовые акценты являются призывом к действию и используются экономно, как обычно и должны использоваться яркие цвета. Всплеск цвета здесь или там будет привлекать посетителя, но при использовании повсюду он теряет свое влияние.
6. Nordic Ruby
- #7D1935;
- #4A96AD;
- #F5F3EE;
- #FFFFFF.
Нейтральный фон хорошо работает против насыщенных цветов на веб-сайте Nordic Ruby. Сливовый используется в качестве яркого цветового акцента для заголовка, в то время как голубой используется для контрастности в элементах с призывами к действию и в заголовках.
7. Lake Nona
- #E44424;
- #67BCDB;
- #A2AB58;
- #FFFFFF.
Для сообщества, которое практикует здоровый образ жизни, свежая, современная цветовая палитра – подходящий выбор. Эта пестрая цветовая схема только привлекает дополнительный интерес к белым частям страницы.
8. Lemon Stand App
- #404040;
- #6DBDD6;
- #B71427;
- #FFE658.
На этом веб-сайте представлена триадическая цветовая схема, в которой синий цвет является основным, это базис страницы, а желтые цветовые акценты используются на элементах призыва к действию для контраста. Опять же, яркие цвета, которые используются экономно, обладают гораздо большим потенциалом привлечения внимания, чем те, которые используются часто.
9. Mint.com
- #585858;
- #118C4E;
- #C1E1A6;
- #FF9009.
Mint.com – это веб-сайт, на котором большое внимание уделяется визуальному дизайну для привлечения доверия аудитории. Цветовая палитра чистая и свежая, а использование тонких градиентов и теней придает сайту дополнительную привлекательность. Зеленый успокаивает, в то время как использование комплементарного апельсинового выделяет элементы призыва к активности и вдохновляет пользователей совершить желаемое действие.
10. Odopod
- #191919;
- #DF3D82;
- #FFFFFF.
Розовый – это цвет, который применяется для фона крайне редко, но это не значит, что его нельзя использовать со вкусом, например, как на веб-сайте Odopod. При использовании нестандартного цвета, например, на платформе технологий/дизайна, цвет может сделать вашу работу более заметной. Кроме того, редко используемые цвета удивляют посетителя и привлекают взгляд.
Выбор правильной цветовой палитры для вашего проекта веб-дизайна требует времени и навыков, а также знаний о конкретном продукте или услуге, которую будет предлагать сайт.
Лучшим способом обучения является практика создания цветовых схем – будь то в Photoshop или через бесплатные сервисы, такие как Adobe Kuler. Создайте инвентарь палитр, которые вам нравятся, чтобы они всегда были под рукой, когда понадобятся.
А какие цветовые схемы нравятся вам?