Тренды
171 статья › RSS

Яркие цвета и насыщенные градиенты

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

 

Речь идет об использовании ярких оттенков и насыщенных градиентов. Нельзя сказать, что этот тренд слишком заметен и может существенно повлиять на то, как будут выглядеть наиболее впечатляющие работы дизайнеров. Яркие оттенки – это не революция, но тенденция есть и об этом стоит поговорить. Если посмотреть, как выглядят интерфейсы, спроектированные по стандартам Material Design и iOS, то можно заметить, что они отличаются очень красивыми цветовыми схемами, дизайнеры стремятся выбирать яркие, насыщенные цвета и активно экспериментируют с плавными градиентами. При этом буйство красок идет сайтам на пользу, так как предпочтение отдается не «кислотным» цветам, а изысканным цветовым палитрам.

 

Year in Music by Spotify

 

Главная страница сайта Year in Music by Spotify смотрится очень эффектно. В дизайне чувствуется энергия и есть музыкальная атмосфера, однозначно ассоциирующаяся с этой интернет-платформой. Дизайнеры использовали несколько градиентов с переходами от холодных фиолетовых к теплым оранжевым оттенкам. Насыщенные градиенты являются основой дизайна, к тому же на таком фоне хорошо выглядят логотип, текст и гамбургер-меню.

Главная страница сайта Year in Music by Spotify 

Dinng

 

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

Dinng 

Le Dernier Gaulois

 

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

Le Dernier Gaulois 

BBFAW

 

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

 

Prevention R3 Summit

 

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





Prevention R3 Summit 

Axiom Retail Energy

 

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



Impossible Bureau

 

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

 

EVS

 

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

 

NBSP

 

Лаконичный дизайн сайта NBSP великолепно смотрится за счет двух основных факторов: дизайнер использовал полигоны и насыщенный градиент для создания фонового изображения. Геометрические элементы и «горячий» градиент от красного к желтому, смотрится потрясающе, создавая при этом иллюзию объема. Еще один хороший пример того, как немодный градиент в сочетании с актуальной тенденцией может выглядеть привлекательно и современно.

 

Fiber Sensing

 

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

 

 

Вывод

 

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


Источник 

    Понравилась статья? Поделись с друзьями!

    Поделиться

или

следи за новостями в соцсетях

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

Без рекламы и только самое интересное!

Комментарии

Всего: 0 комментариев

Оставлять комментарии могут только пользователи.

Подписка на Freelance.Today





или

следи за новостями в соцсетях


Фриланс новости, биржи фриланса, freelance