Новинки дизайна интерфейсов

Хороший дизайн виден сразу.

Отличный дизайн незаметен.

Джо Спарано

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

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

Темная тема. С ней приложение обречено на успех

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

Аргументы в пользу использования темной темы:

• Снижение потребления энергии. Исследования показывают, что приложения с темной темой могут потреблять на 90% меньше энергии, чем со светлой (конечно, все зависит от типа матрицы устройства, лучший эффект на OLED/AMOLED-дисплеях). Согласитесь, весомый аргумент для пользователей мобильных устройств.
• Комфорт для глаз пользователя. Чаще всего говорят о том, что темная тема удобнее в сумерках и темноте. Но есть и еще один плюс в ее пользу. Еще в 1985 году в Университете Миннесоты провели исследование, которое показало, что для людей с помутнением глазных сред (катаракта) и другими нарушениями темное оформление более предпочтительно.
•  Некоторым просто нравится оформление в темных тонах. Если приложение дает пользователю возможность выбора, оно, конечно же, будет пользоваться популярностью.

Так что, если хотите, чтобы ваше приложение было современным и удобным, не пренебрегайте темной темой.

Неоморфизм для более чистых и реалистичных интерфейсов

Одна из новинок дизайна интерфейсов, которую принес 2020 год, и которая будет активно тестироваться и использоваться в 2021 — неоморфизм. Это подход к созданию интерфейсов, при котором используется все лучшее из плоского дизайна и скеоморфизма (приема разработки дизайна интерфейсов, при котором элементы выглядит как привычные для пользователя вещи в реальной жизни).

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

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

Внедрение гибких самобытных дизайн-систем

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

Анимация, созданная кодом (SVG и JSON)

Анимация любых, даже самых мелких деталей интерфейса — активно развивающийся тренд. Анимация SVG и JSON — отличный вариант реализации различных эффектов. Среди ее плюсов:

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

И напоследок — новинки, полезные обновления и «фишки» инструментов для дизайнеров интерфейсов

Конечно же, помимо новых трендов, нужно рассмотреть и новшества ПО и инструментов для дизайнеров. И здесь есть, на что обратить внимание.

Долгожданная новинка для пользователей Sketch — совместная работа в режиме реального времени

В октябре 2020 года разработчики Sketch анонсировали актуальную новинку в области дизайна интерфейсов (особенно учитывая бешеный рост популярности формата удаленной работы из-за всем известных событий 2020 г.). Это функционал «Скетч» для совместной работы над дизайном в режиме реального времени. Пока такая возможность реализована в публичной бета-версии программы. Но в 2021 году разработчики обещают полностью запустить эту возможность для пользователей Sketch.

Это — ожидаемая и серьезная новинка. И аргумент в пользу продолжения использования «Скетч» или даже перехода команд на него с «Фигмы», в которой функционал для командной работы присутствует давно.

Другие новинки, заслуживающие внимания

Рекомендуем обратить внимание на следующие значимые события, касающиеся ПО и полезных инструментов для создания дизайна интерфейсов:

• Новые функции Framer (ПО компилирует прототипы сразу в JavaScript). Важные обновления — функция мультикомандного управления, а также инструменты Variables и Variants для создания компонентов с настраиваемыми свойствами и собственными состояниями.
• Улучшение распознавания шрифтов в Photoshop. Также в программу внедрены умные фильтры на основе искусственного интеллекта.
• Новые функции Adobe XR. Среди них — Stacks для создания интервалов между объектами, сохраняемых при изменении дизайн, расширение для VS Code для совместной работы специалистов разных профилей над дизайн-системой, функция 3D-Transforms для разработки AR-прототипов.

Конечно же, объять все новинки дизайна интерфейсов сразу проблематично. Отрасль ведь стремительной развивается. Мы в Harlion выделили основные новшества и «фишки». При появлении новых «интересностей» мы обязательно напишем об этом. Следите за нашим блогом.