С первым предварительным просмотром для разработчиков Android 12 была обнаружена масштабная переработка приложения «Настройки», указывающая на обновление Material Design от Google. Давайте рассмотрим, как могут выглядеть другие приложения Google для Android с использованием этих указаний Material Design нового поколения.
Основываясь на предполагаемых макетах дизайна Google, которые появились до выхода предварительной версии для разработчиков Android 12, обновление операционной системы призвано привнести серьезные изменения в телефоны Pixel и другие устройства. В отдельной утечке сообщалось, что этот редизайн называется «Material NEXT», что указывает на третье поколение рекомендаций Material Design.
Хотя в предварительной версии для разработчиков Android 12 было меньше поверхностных изменений, чем в утечках, нашей команде удалось активировать то, что выглядит как редизайн приложения «Настройки» в стиле Material NEXT. Основные особенности включают более доступный дизайн, схожий с One UI от Samsung, обновленную строку поиска, более толстые элементы в списках и дизайн, который реагирует на системные цветовые темы, выбранные вами.
Используя эти ранние указания в качестве основы, мы решили представить, как приложения Google могут выглядеть с Material Design нового поколения. На протяжении всего этого поста вы увидите макеты, которые служат для визуальной демонстрации потенциальных способов переработки этих приложений Google. Имейте в виду, что Material NEXT находится на ранней стадии разработки, и каждое приложение также подвержено собственным дизайнерским решениям.
Gmail
Когда Google впервые представил Material Theming как шаг вперед от Material Design, Gmail стал одним из первых приложений, получивших редизайн в стиле «Google Material Theme». Начиная наши макеты с более простых вещей, Gmail не нуждается в каких-либо существенных изменениях дизайна.
-
Пример Android 12 -
Gmail до -
Gmail после (макет)
Здесь мы просто заменили «прямоугольную» строку поиска на более овальную, как в приложении «Настройки». Самое большое изменение в строке поиска заключается в том, что аватар учетной записи Google значительно увеличен и теперь находится за пределами строки поиска, что делает его более удобным для касания или проведения пальцем.
Play Store
Главная страница Play Store стала идеальным кандидатом для обновленной строки поиска. На самом деле, Play Store лучше подготовлен к этому редизайну Material NEXT для строки поиска, чем большинство других приложений, поскольку Google ранее экспериментировал с полным отказом от меню-гамбургера. В том конкретном экспериментальном редизайне опции из бокового меню были перемещены в меню, которое открывается при нажатии на ваш аватар.
-
Пример Android 12 -
Макет -
Макет
Между тем, другие разделы Play Store являются отличной возможностью для еще одного крупного элемента редизайна Material NEXT. В приложении «Настройки» каждой странице предоставляется своего рода баннер, занимающий примерно верхнюю треть экрана, удерживая содержимое страницы в пределах досягаемости большого пальца. Баннер плавно сжимается и увеличивается в зависимости от прокрутки. Во втором макете Play Store выше мы применили этот гибкий дизайн баннера к странице «Мои приложения и игры».
Контакты
Добавляя еще один слой, мы считаем, что Material NEXT тесно связан с утечкой и недавно продемонстрированной системой тем Android 12. Когда разработчикам в сообществе Android удалось активировать систему тем, цвета также активно использовались в приложении «Настройки», в том числе в качестве основного цвета фона.
-
Пример Android 12 -
Контакты до -
Контакты после (макет)
Для этого макета мы взяли приложение Google Contacts, заменили строку поиска, добавили баннер в верхней трети и добавили стандартный сине-белый цвет, который сейчас используется в приложении «Настройки».
Files by Google
Последний элемент Material NEXT, на который мы можем указать сегодня, заключается в том, что Google переработал главную страницу приложения «Настройки», чтобы сделать элементы более толстыми. Этот конкретный выбор дизайна должен использоваться разработчиками приложений выборочно, так как он значительно уменьшает «плотность контента» или количество полезной информации, которую вы можете разместить на экране. Например, Google не помешает пропустить эту конкретную настройку в Gmail.
-
Пример Android 12 -
Files до -
Files после (макет)
Собрав все вместе, приложение Files by Google могло бы получить довольно существенную переделку в стиле Material NEXT. Макет выше использует баннер в верхней трети, чтобы все было в пределах досягаемости большого пальца, перекрашивает фон приложения в стандартный синий цвет и использует более толстые элементы списка.
Бонус: Google Fit
Видя эти — в некоторых случаях серьезные — предложения по редизайну, естественно задаться вопросом, сколько времени может потребоваться приложениям Google, чтобы фактически догнать то, что происходит в Android 12. В процессе составления этой подборки мы поняли, что Google Fit уже использует гибкий баннер в верхней трети в некоторых местах. Воспринимайте это как есть.
