Блог
29 Апреля, 2019

10 лучших цветовых схем сайта 2018 года (1 часть)

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

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


1.Taproot Foundation

ФОТО2-100.jpg

Фонд “Taproot” использует одну из самых привлекательных и красочных схем. Совмещение желтого, синего и зеленого цветов в данном случае помогает наглядно отразить различные направления работы фонда, помогающего некоммерческим организациям. Нельзя сказать, что это распространенная цветовая схема, но использование яркого цвета в сочетании с белым фоном – определенно трендовое решение.

2. Prevent Epidemics

ФОТО3-100.jpg

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

3. Snipcart

ФОТО4-100.jpg

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

4. Mossio

ФОТО5-100.jpg

“Mossio” использует в цветовой схеме своего сайта похожие базовые цвета - черный/серый и желтый, только цвет фона более насыщен, а цвет акцента - менее. Такое сочетание имеет практически тот же эффект, что и в примере выше - цветовая палитра притягивает внимание к контенту сайта, что делает сам дизайн более незаметным.

5.Omega yeast

ФОТО6-100.jpg

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

6. Forever Agency

ФОТО7-100.jpg

Сайт “Forever Agency” в своем дизайне использует много смелого цвета, но корень этой палитры очевидно в ярко-зеленом. Это новый тренд! (Просто обратите внимание на то, как много веб-сайтов в этом обзоре включают оттенки зеленого в свою палитру). Здесь этот цвет немного ярче, чем в предыдущих вариантах, использующих эту тенденцию, но визуально цвет охватывает большее количество элементов (нижний колонтитул, марка бренда, значки и пр.)

7. Konstantopoulos / Olymp

ФОТО8-100.jpg

Продолжая тему зеленого цвета, рассмотрим оформление “Konstantopoulos / Olymp”. На сайте используется прозрачный фон (с изображением оливковых ветвей) и темно-зеленый логотип, олицетворяющий оливки. В довольно разнообразной цветовой палитре определяющим становится зеленый, который раскрывается в многообразии оттенков.

8. IC Creative

ФОТО9-100.jpg

“IC Creative” использует темный цвет наложения (прозрачный черный фон) с ярким акцентом и большим количеством белого, что сразу привлекает внимание. При использовании цветных наложений в оформлении сайта они будут определять основную тенденцию, а богатый черный вариант, как здесь, предоставляет остальному контенту много места на экране. Просто добавьте заголовок “оверсайз”, расставьте яркие акценты и призовите к действию!

9. Mangrove Hotel

ФОТО10-100.jpg

В то время как яркие цветовые палитры фактически управляют сферой дизайна веб-сайтов в течение нескольких последних лет, некоторые проекты переходят к более приглушенным палитрам. Мягкие тона в оформлении сайта отеля “Mangrove” добавляют теплоты и хорошо дополняют его. (Этот цвет также появился в некоторых маркетинговых коммуникациях Twitter).

10.Five / Four

ФОТО11-100.jpg

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

Часть 2 https://vk.cc/8K1YLw