Google официально представила Material Themes на I/O 2018 после того, как в течение нескольких недель различные веб-приложения и приложения для Android постепенно раскрывали новые аспекты. Во время основных докладов были представлены собственные приложения Google, такие как Photos, демонстрирующие новый дизайн, а теперь Google раскрывает «исследования партнеров», изучающие, как другие могли бы его внедрить.
Основное внимание в этих исследованиях партнеров уделяется демонстрации различных новых элементов Google Material Theming, призванных позволить сторонним разработчикам создавать более отличительный брендинг. Каждое включенное приложение исследует новый или доработанный аспект, анонсированный на I/O 2018.
Pocket Casts
Движение было темой концепции Pocket Casts, которая также заменяет навигационное меню нижней панелью. Приложение сохраняет свернутый плеер непосредственно над этой новой навигационной системой, но оно более функционально по сравнению с текущим дизайном. Появились новые элементы управления для перемотки вперед/назад, а в разделе «следующий» отображается счетчик подкастов в очереди.
Когда плеер открывается, другие части приложения, включая нижнюю панель навигации, плавно уходят из поля зрения. Элементы управления плеера – воспроизведение, пауза, перемотка, быстрый переход – используют хореографию, чтобы появляться в нужном месте.
Lyft
Сразу же самым заметным аспектом приложения для совместных поездок является расширенная FAB, которую мы видели в таких приложениях, как Google Задачи. Она добавила ширины и значимости, что помогает укрепить «основное действие приложения», которым в данном случае является заказ поездки. В зависимости от типа поездки кнопка будет обновлять свой текст соответствующим образом.
Этот компонент служит отличным полотном для систем, определяющих яркую индивидуальность Lyft, включая цвет, типографику и форму, а также предоставляя функциональные преимущества. Расширенная FAB может легко вмещать короткие или длинные надписи, которые более описательны, чем просто значок.
NPR
Приложение общественной радиостанции активно использует карточки для организации контента: по крайней мере, три из них представлены на скриншоте исследования. При стандартном белом фоне две верхние карточки содержат списки программ, а третья выполнена в виде аудиоплеера. Скругленные углы также помогают подчеркнуть возможность свайпа карточки для отображения полного набора элементов управления.
Белые карточки на минималистичном белом фоне создают визуальную структуру, избегающую усложнений, а тени, «отбрасываемые» каждой карточкой, дополнительно передают группировку контента. Команда также разработала фирменную систему форм, используя широкие скругленные углы. Пользовательские формы проявляются в мини-плеере, обложках шоу и публикаций, а также в самих карточках.
Genius
Исследование Genius – единственное, которое демонстрирует применение Material Themes как к телефонному форм-фактору, так и к более традиционному виду рабочего стола. Этот пример адаптивной сетки макетов обеспечивает общий опыт, когда «вы перемещаетесь между устройствами».
Zappos
Сайт покупок использовал Backdrop — или фоны — для «сохранения контекста», особенно в функции фильтрации поиска.
Задача заключалась в том, чтобы лучше выделить элементы, которые ищут пользователи, не жертвуя быстрым доступом к таким элементам управления, как поиск, которые пользователи всегда хотят держать под рукой. Команда исследовала использование нового backdrop Material, который создает сильную ментальную модель в приложении, помогая пользователям понять, что поиск и фильтрация всегда находятся на расстоянии одного касания, на выделенной и вездесущей поверхности в фоновом слое.