Тактильное возвращение: глубина, стекло и физическая обратная связь в современном пользовательском интерфейсе
Почему глубина, прозрачность и физическое движение вернулись в дизайн пользовательского интерфейса после плоского дизайна, что изменили Apple Liquid Glass и Material 3 Expressive и как сохранить его работоспособность.
Главное
После десятилетия плоского дизайна глубина и физическая обратная связь вернулись. В 2025 году Apple представила Liquid Glass, полупрозрачный материал для элементов управления и навигации, а Google представила Material 3 Expressive, подкрепленный исследованиями в области более эмоционального дизайна. При правильном использовании глубина показывает, что является интерактивным, а движение подтверждает действия; при неосторожном использовании полупрозрачность снижает контрастность и ухудшает читаемость.
Что изменилось в 2025 году
9 июня 2025 года Apple объявила о своем самом масштабном обновлении дизайна программного обеспечения, основанном на новом материале под названием Liquid Glass. Он полупрозрачен, отражает и преломляет то, что находится за ним, и распространяется на iOS 26, iPadOS 26, macOS Tahoe 26, watchOS 26 и tvOS 26. Между тем Google назвал Material 3 Expressive своим наиболее исследованным обновлением системы дизайна на основе 46 исследований с более чем 18 000 участников. Google сообщает, что участники находили ключевые элементы пользовательского интерфейса в выразительных проектах до четырех раз быстрее, и это предпочтение было самым сильным (до 87%) среди молодых людей в возрасте от 18 до 24 лет.
Глубина с работой
В рекомендациях Apple конкретно указано, где находится материал: Liquid Glass образует функциональный слой для элементов управления и навигации, который располагается над контентом и не должен использоваться в самом слое контента. Это полезный принцип, лежащий в основе всей этой тенденции: глубина должна объяснять структуру, отделяя то, над чем вы можете действовать, от того, что вы читаете.
Стоимость удобства использования
Не все в этом убеждены. Nielsen Norman Group утверждал, что Liquid Glass в iOS 26 скрывает контент и что все, что помещено поверх чего-то другого, становится труднее увидеть, особенно текст на занятом фоне. Практический урок заключается в том, что прозрачность нуждается в ограждении: проверьте контрастность реального контента, увеличьте размытие или непрозрачность текста и поддержите системные настройки для уменьшения прозрачности и увеличения контраста.
Физическая обратная связь — самая долговечная часть
Визуальные тенденции приходят и уходят, но физическая обратная связь сохраняется, потому что она помогает людям. Кнопка, которая слегка сжимается при нажатии, лист, который следует за пальцем и фиксируется с помощью пружины, или переключатель, который защелкивается на месте, — все это подтверждает, что действие зарегистрировано. Физика Spring — естественный инструмент для этого, поскольку она реагирует на прерывания и скорость жестов так же, как это делают реальные объекты.
Как принять это осторожно
Начните с обратной связи, а не с украшения:
- Добавьте обратную связь по нажатию, перетаскиванию и отпусканию к элементам управления, которые люди используют чаще всего.
- Используйте слои и тени, чтобы отделить элементы управления от содержимого.
- Проверьте контрастность текста на любой полупрозрачной поверхности.
- Соблюдайте настройки ограничения движения, уменьшения прозрачности и увеличения контрастности.
- Сохраняйте согласованность эффектов с помощью жетонов движения и высоты.
Ключевые принципы
- Apple представила Liquid Glass в июне 2025 года; Google представил Material 3 Expressive
- Глубина работает, когда она отделяет элементы управления от контента.
- Полупрозрачность может ухудшить контрастность и читаемость; протестируйте с реальным контентом
- Физическая обратная связь (нажатие, перетаскивание, пружинение) — это устойчивая часть тренда.
- Соблюдайте ограничение движения, пониженную прозрачность и повышенный контраст.
Частые вопросы
Источники
- Apple introduces a delightful and elegant new software design — Отдел новостей Apple (9 июня 2025 г.)
- Materials — Рекомендации Apple по пользовательскому интерфейсу
- Liquid Glass Is Cracked, and Usability Suffers in iOS 26 — Nielsen Norman Group
- Expressive Design: Google's UX Research — Google Дизайн