Material You

Material You (также известный как Material Design 3) — это третья версия дизайн-системы Material Design, разработанная компанией Google. Впервые представленная 18 мая 2021 года на конференции Google I/O, она является эволюцией Material Design 2 и Material Design 1. Ключевое отличие Material You — персонализация интерфейса на основе пользовательских настроек и цветовой палитры, извлекаемой из обоев рабочего стола устройства. Система ориентирована на создание адаптивных, динамичных и тактильных интерфейсов, которые подстраиваются под индивидуальные предпочтения пользователя, а не навязывают единый корпоративный стиль.

История и развитие

Предпосылки создания

Material Design был впервые представлен Google в 2014 году как единая система визуального языка для всех платформ компании (Android, веб, Chrome OS). Вторая версия (Material Design 2) вышла в 2018 году и сделала упор на упрощение, использование «карточек» и теней. К 2021 году стало очевидно, что пользователи хотят больше контроля над внешним видом интерфейсов, а производители устройств — возможности кастомизации без нарушения целостности дизайна. Material You стал ответом на эти запросы.

Анонс и внедрение

Впервые Material You был анонсирован 18 мая 2021 года на Google I/O. Первым устройством, получившим эту дизайн-систему, стала линейка смартфонов Google Pixel 6, выпущенная в октябре 2021 года. Вместе с Android 12 (выпущен в октябре 2021 года) Material You стал стандартной темой оформления для всех устройств на этой версии ОС. В последующие годы система была портирована на веб-приложения (Google Chrome, Gmail, Google Drive) и другие платформы Google.

Версии и обновления

• Material Design 3 (2021) — базовая версия, включающая динамическую цветовую схему, новые компоненты (например, «карточки» с закруглёнными углами) и адаптивные макеты.
• Material Design 3.1 (2022) — добавлена поддержка «материальных» иконок (Material Symbols), улучшена работа с тёмной темой и анимациями.
• Material Design 3.2 (2023) — оптимизация для складных устройств, планшетов и больших экранов, а также внедрение «адаптивного» типа (Adaptive Type) для шрифтов.

Ключевые принципы

Динамическая цветовая схема (Dynamic Color)

Центральный элемент Material You — автоматическое извлечение цветовой палитры из обоев рабочего стола. Система анализирует доминирующие цвета изображения (например, синий, зелёный, красный) и генерирует пять основных тонов: первичный (primary), вторичный (secondary), третичный (tertiary), нейтральный (neutral) и фоновый (background). Эти цвета применяются ко всем элементам интерфейса: кнопкам, панелям, тексту, иконкам. Пользователь может вручную выбрать один из предустановленных цветовых наборов или отключить динамическую смену.

Персонализация и адаптивность

Material You позволяет настраивать не только цвета, но и форму элементов (например, скругление углов), размер шрифта, плотность интерфейса. Система поддерживает тёмную тему (Dark Theme) и режим «Always On Display» для экранов блокировки. Все настройки сохраняются в облаке и синхронизируются между устройствами через аккаунт Google.

Тактильность и анимация

В отличие от «плоского» дизайна Material Design 2, Material You делает упор на тактильные ощущения: элементы интерфейса «поднимаются» при нажатии, имеют мягкие тени и плавные переходы. Анимации стали более естественными — например, при переключении между приложениями используется эффект «масштабирования» (scale), а не скольжения.

Адаптивные макеты

Material You включает систему «адаптивных макетов» (Adaptive Layouts), которые автоматически подстраиваются под размер экрана: от компактных телефонов до больших планшетов и складных устройств. Компоненты (например, панели навигации, списки) могут менять расположение, размер и количество колонок в зависимости от доступного пространства.

Компоненты и элементы

Основные компоненты

Material You включает следующие ключевые компоненты:

• Material You Buttons — кнопки с закруглёнными углами, динамической заливкой и эффектом «подъёма» при нажатии.
• Material You Cards — карточки с закруглёнными углами (радиус 12–16 dp), тенью и возможностью группировки.
• Material You Navigation Bar — нижняя панель навигации с иконками и текстом, адаптирующаяся под цветовую схему.
• Material You Top App Bar — верхняя панель приложения, которая может быть «плавающей» (floating) или «закреплённой» (fixed).
• Material You Bottom Sheet — выдвижная панель снизу, используемая для дополнительных действий.
• Material You Dialog — диалоговые окна с закруглёнными углами и минималистичным дизайном.

Material Symbols

В Material Design 3.1 была введена система иконок Material Symbols, которая заменила старые Material Icons. Новые иконки имеют переменную толщину (от 100 до 700) и могут быть адаптированы под цветовую схему. Они доступны в четырёх стилях: заполненные (filled), контурные (outlined), с закруглёнными краями (rounded) и двухцветные (two-tone).

Шрифты и типографика

Material You использует шрифт Google Sans (также известный как Product Sans) для заголовков и Roboto для основного текста. Введена система «адаптивного типа» (Adaptive Type), которая автоматически меняет размер шрифта в зависимости от размера экрана и плотности пикселей. Например, на планшетах текст может быть на 20–30% крупнее, чем на телефонах.

Применение

В операционной системе Android

Начиная с Android 12, Material You является стандартной темой оформления для всех устройств, работающих под управлением этой ОС. Пользователи могут настроить цвета, форму элементов и тёмную тему. В Android 13 (2022) и Android 14 (2023) система была расширена: добавлена поддержка «материальных» иконок для сторонних приложений, улучшена работа с уведомлениями и быстрыми настройками.

В веб-приложениях Google

Google активно внедряет Material You в свои веб-сервисы: Gmail, Google Drive, Google Chrome, Google Maps, YouTube. Например, в Gmail (2022) появилась возможность выбора цветовой темы, основанной на обоях рабочего стола, а в Google Chrome (2023) — динамическая смена цвета панели инструментов.

Сторонние приложения

Разработчики могут использовать Material You через библиотеку Material Components для Android (MDC-Android) и для веба (Material Components for Web). Многие популярные приложения (например, Twitter, Telegram, Spotify) внедрили поддержку динамической цветовой схемы, что позволяет им автоматически подстраиваться под системные настройки пользователя.

Критика и ограничения

Зависимость от обоев

Основная критика Material You связана с тем, что цветовая схема полностью зависит от обоев. Если пользователь устанавливает тёмные или однотонные обои, интерфейс может стать монохромным и трудночитаемым. Google частично решила эту проблему, добавив возможность выбора предустановленных цветовых наборов (например, «Синий», «Зелёный», «Красный»), но полностью отключить динамическую смену нельзя.

Ограниченная кастомизация

Несмотря на заявленную персонализацию, Material You предлагает лишь ограниченный набор настроек: пользователь не может изменить форму элементов (например, сделать кнопки квадратными), выбрать произвольный цвет или изменить анимации. Это вызвало критику со стороны энтузиастов, привыкших к более глубокой кастомизации в Android.

Совместимость со старыми устройствами

Material You требует Android 12 или новее, что исключает устройства с более старыми версиями ОС. Google выпустила библиотеку Material Components для Android 5.0 (Lollipop) и выше, но динамическая цветовая схема на таких устройствах не поддерживается.

Влияние на производительность

Динамическая смена цветов и анимации могут потреблять дополнительные ресурсы процессора и памяти. На бюджетных устройствах с малым объёмом ОЗУ (менее 4 ГБ) это может привести к замедлению работы интерфейса.

Интересные факты

• Название «Material You» (с англ. — «Материал, который ты выбираешь») подчёркивает персонализацию: пользователь сам выбирает, как будет выглядеть интерфейс.
• Первым устройством, не от Google, получившим Material You, стал Samsung Galaxy S22 (2022), который использует собственную оболочку One UI 4.1, основанную на Material You.
• В 2023 году Google выпустила «Material Design 3 для iOS» — набор компонентов, позволяющий разработчикам создавать приложения с Material You для iPhone и iPad.
• Material You использует алгоритм цветовой гармонии, основанный на модели HCT (Hue, Chroma, Tone), разработанной Google. Она позволяет генерировать до 200 различных цветовых оттенков из одного исходного цвета.
• В 2024 году Google анонсировала «Material You 2.0» (предположительно, для Android 15), который, по слухам, добавит поддержку анимированных обоев и динамической смены шрифтов.

Источники

• Google I/O 2021: Material You announcement (Google, 2021)
• Material Design 3 documentation (Google, 2021–2024)
• Android 12 Developer Preview (Google, 2021)
• Material Components for Android (Google, 2021–2024)
• «Material You: A New Design Language for Android» (Android Developers Blog, 2021)
• «Google’s Material Design 3: What’s New» (The Verge, 2021)
• «Material You: The Future of Android Design» (XDA Developers, 2022)