В 2014 году Google представила Material Design как единый визуальный язык для своих продуктов. Система рассматривает элементы интерфейса как физические объекты, обладающие глубиной, тенями и движением. Карточки как бы отрываются от поверхности. Кнопки создают волнообразный эффект при нажатии. Переходы следуют естественным плавным линиям. Метафора — бумага, но бумага, которая может растягиваться, складываться и отбрасывать тени. Целью было обеспечение единообразия во всех приложениях: Android, веб-версии и собственных приложениях Google.

Material Design — это больше, чем просто внешний вид. Это система компонентов, рекомендаций и инструментов. Она определяет типографику, цвет, сетки макета, уровни высоты и шаблоны взаимодействия. Разработчики могут использовать Material Components для Android, Flutter и веб-разработки. Дизайнеры могут следовать рекомендациям, не создавая приложения с нуля. Система несколько раз обновлялась, наиболее заметное обновление — Material You в 2021 году, которое представило динамический цвет, адаптирующийся к обоям пользователя. Material Design подвергался критике за чрезмерную регламентацию и за то, что приложения выглядят одинаково. Однако он также получил широкое распространение за пределами Google.

Основные элементы

• Возвышение и тень для создания глубины.
• Движение и переходы для обратной связи.
• Планировка помещений на основе сетки.
• Яркие цвета и типографика для создания иерархии.

Material Design — это не стиль, который нужно копировать. Это система принятия последовательных решений в рамках обширной экосистемы продуктов.