В преддверии следующей эволюции Material Design, давайте рассмотрим Material You через призму первых приложений Google на Android. В частности, я хочу обратить внимание на внедрение компонентов Material 3, цветов и адаптивных макетов.
У 9to5Google есть обновленная рассылка, которая освещает главные новости Google с дополнительными комментариями и другими интересными деталями. Подпишитесь здесь!
Компоненты
Под компонентами я подразумеваю FAB (плавающие кнопки действий), панели навигации, индикаторы выполнения, листы, карточки, переключатели и многое другое. По сравнению с Material 2, все стало крупнее и заметнее, например, нижние панели стали выше и имеют более выраженные индикаторы в форме таблеток.
Подавляющее большинство приложений Google для Android теперь используют компоненты Material 3. Приложения, которые все еще используют Material 2, не получают активной разработки и явно устаревают. Google Play Книги (февраль 2024 г.) и Google Authenticator (ноябрь 2024 г.) были последними крупными приложениями, которые остались на Material 2. Между тем, Google Класс — это своего рода массовое приложение, которое еще не было переработано.
Высокие, короткие, еще короче, самые короткие
Тем не менее, существуют различия в реализации. Большинство приложений используют высокие нижние панели, но есть исключения, такие как короткий компонент Gmail без ярлыка. Затем есть приложения, такие как Google Карты и Play, которые выше, чем панели в Material 2, но не соответствуют новой высоте. Это несколько оправдано в Картах наличием выдвижной/зафиксированной нижней панели, но менее — в Play Store.
(Кстати, о нижних панелях: плавающая версия, используемая Google Chat, остается единичным случаем. Я до сих пор не определился, что она дает. С одной стороны, в компоненте есть современность, когда он не простирается от края до края. Однако он не показывает вам больше контента или контекста.)
В других местах верхняя строка поиска очень медленно переходит к более толстому дизайну (как в Gmail и Phone), но внедрение довольно медленное. Другие компоненты в этой категории — это анимированные карусели изображений и индикаторы выполнения.
Динамический цвет
Цветовая палитра для приложений, основанная на вашем обоях, является определяющим элементом Material You для большинства людей. Опять же, большинство приложений имеют динамический цвет, но есть большие исключения. Google Play Книги были последним обновлением в апреле, в то время как есть несколько крупных исключений (Google Home находится в общедоступной бета-версии):
- Google Карты сочетают светло-серый/темно-серый фон со своим бирюзовым акцентным цветом для компонентов, не связанных с картами. Это печально, но имеет смысл, если цель состоит в том, чтобы всегда обеспечивать визуальную согласованность с важнейшим слоем карты.
- Аналогично, желание Google Поиска поддерживать единообразный опыт на сторонних мобильных и настольных устройствах — это нормально. Однако это происходит за счет других аспектов приложения Google, таких как Discover, где динамический цвет находится слева от домашнего экрана Android.
- Fitbit также придерживается своего бирюзового акцентного цвета.
- Google Play не имеет хорошего оправдания, особенно учитывая, что динамический цвет был реализован до того, как его убрали.
- YouTube, конечно, является самым большим исключением как в отношении компонентов, так и динамического цвета. Скоро будут дополнительные соображения по этому поводу, но тот факт, что у основного приложения, Music и TV есть свой собственный выразительный язык дизайна/система, несколько сглаживает ситуацию для меня.
Адаптивные макеты
В контексте Android это в основном относится к Android-устройствам с большими экранами, таким как складные устройства и планшеты. В ближайшем будущем это может распространиться на ноутбуки и настольные компьютеры.
Планшеты Google прошли долгий путь с момента рекомендаций 2021 года. Как пользователь планшета, я бы сказал, что качество приложений варьируется от нормального до хорошего. Ни одно из приложений Google, которое я активно использую, не имеет черных полей, при этом панели навигации и двухпанельные макеты являются нормой. Следующим обновлением, похоже, будут регулируемые панели, причем Gmail (и Chat) были обновлены на прошлой неделе, присоединившись к Keep.
Что дальше
Первоначальный всплеск обновлений Material You осенью 2021 года вместе с Android 12 и Pixel 6 был отличным. Другим приложениям потребовалось слишком много времени для получения своего первого обновления, в то время как текущее внедрение небольших компонентов (таких как переключатели и индикаторы выполнения) было непоследовательным.
Учитывая, что следующее обновление просто добавляет модификатор («Expressive») после Material 3, я надеюсь, что внедрение будет быстрым. Похоже, нас не ждет кардинальное переосмысление архитектуры приложений. Между тем, новые или обновленные компоненты может быть легче встроить в существующие дизайны.