Что сейчас модно в дизайне

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

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

Цветовые градиенты, яркие цвета и простота

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

Дизайна с градиентом в ярком цвете

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

Неоморфизм

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

Тренд на скевоморфизм был введен Стивом Джобсом и использовался в IOS до 2013 года. После в Apple упростили дизайн и, начиная с 7-ой версии операционной системы, скевоморфизм не использовали.

Слева на картинке пример скевоморфизма в интерфейсе IOS 6 от Apple

Неоморфизм – это новый взгляд на скевоморфизм. Сочетая в себе реалистичные элементы с плоским дизайном и искусным применением света и мягкой тени, интерфейсы в стиле неоморфизма получаются более чистыми, одновременно футуристичными и реалистичными, а также привносят новый чувственный опыт в привычные интерфейсы.

Пример интерфейса приложения Tesla Smart App в стиле неоморфизм, иконки здесь имитируют нажатие на кнопки, придавая глубину и реалистичность

Сложность использования такого стиля — это сохранить практичность и комфорт для пользователей. Игра света, теней и объемов может путать юзера в том, что является кликабельным, а что нет.

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

Размещение элементов навигации

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

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

Оптимизация панели навигации

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

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

Анимация

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

Здесь рекрутинговое агентство привлекает пользователей к определенному разделу, используя анимированный элемент в шапке

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

Пустое пространство

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

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

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

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

Против правил

В последнее время модными веяниями в дизайне становятся такие перекликающиеся между собой направления, как:

• эстетика стритарта;
• анти-дизайнерский брутализм;
• анархизм.

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

Промосайт фестиваля бьюти-индустрии Meccaland c дизайном, идущим против правил

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

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

Вариативные шрифты

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

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

Вариативный шрифт Soulcraft

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

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

Крафтовые элементы

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

Сервис email-рассылок Mailchimp использует рисованные иллюстрации

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

Гибкость в дизайн-системе

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

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

Так, например, в Google отсутствует строго прописанный единый стиль для всех продуктов компании и даже приветствуется, если дизайнеры ранее не работали с ними, поскольку имеют больше шансов привнести новые идеи. Любопытно, как специалист по разработке системы визуальных решений Google Эмили Бланк рассказывала, как на одном из дизайн-спринтов она с коллегами отправилась в музей Уолта Диснея в Сан-Франциско, и они вдохновлялись множеству визуальных и стилистических решений, которые всегда позволяют отличить диснеевские фильмы от любых других.

Одно из обновлений в Google Photos

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

Резюме

Итак, еще раз кратко о наиболее заметных трендах в дизайне интерфейсов 2020:

1. Цветовые градиенты и яркие цвета при ограниченной палитре в ультроминималистичном дизайне.
2. Неоморфизм способен придать сайту стильный и футуристичный вид, однако к его использованию необходимо подходить предельно аккуратно, поскольку велика вероятность запутать пользователя.
3. Скрытие элементов навигации для увеличения полезного пространства.
4. Анимация помогает подтолкнуть пользователя к целевому действию и разнообразить скучную тематику, но она не должна быть навязчивой и перегружать сайт.
5. Пустые пространства для более четкой расстановки акцентов.
6. Анти-дизайн хорошо подстраивается под молодую аудиторию и органично смотрится в представлении творческих тематик.
7. Вариативные шрифты – интересное решение, но имеют ограничения в работе некоторых браузеров.
8. Крафтовая стилистика больше всего подходит для организаций, которые желают транслировать человеческие ценности и заботу о людях.
9. Гибкие дизайн-системы позволяют развивать визуальные решения, выдерживая единый стиль компании и реагируя на тренды.

Заключение

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

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

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

С оформлением дома намного проще, чем с одеждой: то, что было модно вчера, сегодня не теряет актуальности. Добавив в обстановку несколько акцентов, можно создать по-настоящему трендовый интерьер, который будет радовать глаз. Что готовят дизайнеры в сезоне 2020? Какой стиль интерьера сейчас в тренде?

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

Основной стиль

Модная тенденция в интерьере – упор на экологичность. В обстановку квартиры или дома активно привносятся природные элементы: натуральные древесина и камень, циновки из тростника. В оформлении дизайнеры применяют переработанный пластик и «нагружают» помещение живой растительностью. Причем это могут быть не просто цветы в горшках или кашпо, но и висячие и вертикальные зеленые сады. Вообще, зеленый цвет в 2020 будет самым востребованным и популярным.

Новая тенденция в дизайне интерьера – стиль Japandi. Он представляет собой сочетание японских и скандинавских традиций в оформлении помещения. Такой стиль имеет следующие признаки:

• функциональность и практичность;
• простые формы;
• природная цветовая гамма с яркими акцентами;
• отсутствие вычурного декора;
• однотонный фактурный текстиль.

Японские тенденции привносят в прохладную скандинавию уют и теплоту.

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

Материалы: последние тренды в интерьере квартиры

Основа оформления дома – натуральные, экологически чистые материалы. В отделке и меблировке используются ротанг, камень и древо. Такие уютные мелочи, как глиняная посуда, шелковые и шерстяные вещи, плетеные стулья и кресла, привнесут в обстановку гармонию. Принцип создания модного интерьера прост: максимум освещения, свободного пространства и экологичности. Создать зеленый «оазис» в доме можно при помощи горшков с цветами.
В таком экостиле сочетаются разные материалы, привлекательно смотрится тандем из грубых и легких, нежных. Основным в отделке может стать натуральное дерево. Его «дополняют» стеклом и зеркалами, которые позволяют облегчить обстановку, сделать ее более воздушной и прозрачной. В моду входят медь, серебро и золото. Они нейтрализуют излишний «холод» и объединяют другие элементы интерьера. Для оформления стен уместно использовать текстильные обои с геометрическим или растительным узором.

Цветовые тренды 2020 в интерьере

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

Мебель

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

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

Один из трендов 2020 – мебель с элементами ручной работы. Производители отказываются от массового изготовления типовых предметов и переходят на создание эксклюзивный. Большим спросом также пользуется винтажная мебель периода 30-70 годов XX века. Она имеет классические формы, округлые декоративные детали, обивку благородной цветовой гаммы.

Тенденции в освещении интерьера

Интерьерные тренды 2020 предполагают использование максимум света: точек освещения и световых панелей. Светодиодная подсветка должна «переехать» с потолка на мебель и пол. Ее применяют повсеместно. Допускается даже подсвечивание сантехники. Светодиоды позволяют создать эффект полета, парения предметов в пространстве.
Не потеряли актуальности и встроенные светильники, но они должны быть сделаны из металла, бумаги, фарфора, металла. В дизайнерских коллекциях – большой выбор осветительных приборов как причудливых с оригинальным декором, так и лаконичных.

Варианты оформления

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

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

Модные тенденции в интерьере спальни – минимум мебели и внимание к отделке потолков и стен. Дизайнеры предлагают оформить комнату с помощью фитопанно, мягкого изголовья, текстильных светлых обоев с «растительным» рисунком или геометрическим узором с плавными линиями.

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

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