Interested Article - Material Design

breeze
  • 2020-10-30
  • 1

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

Material Design ( рус. Материальный дизайн ) — дизайн-система для создания интерфейсов программного обеспечения и приложений, разработанная компанией Google . Впервые представлен на конференции Google I/O 25 июня 2014 года. Стиль расширяет идею «карточек», появившуюся в Google Now , более широким применением строгих макетов, вариантов анимации переходов, отступов и эффектов глубины (света и тени). По идее графических дизайнеров Google, у приложений не должно быть острых углов, карточки должны переключаться между собой плавно и практически незаметно .

История

Пример Material You
Пример Material You

Material Design, анонсированный в 2014 году, использовался в операционных системах Android с версии Lollipop и до Android 11 .

Material Theme (Material Design 2)

В 2018 году Google кастомизировала приложения, внедрив собственные темы Material Theme (Material Design 2 ) . Он подчеркивает пустое пространство, закругленные углы, красочные значки, нижние панели навигации и использует специальную оптимизированную по размеру версию фирменного шрифта Google Product Sans под названием .

Material You (Material Design 3)

В мае 2021 года, вместе с Android 12 , Google представила новый интерфейс «Material You» (он же «Material Design 3») . Особое внимание уделяется усиленной анимации, более крупным кнопкам и возможности настраиваемого пользовательского интерфейса. темы, которые будут созданы из обоев пользователя. В последующие месяцы «Material You» постепенно внедрялся в различные приложения Google на старых версиях Android, и ему было уделено основное внимание в сериях смартфонов Pixel 6 и Pixel 6 Pro.

Методические рекомендации

Методические рекомендации по исполнению и внедрению Material Design были опубликованы Google на официальном сайте проекта в . Раздел включает в себя рекомендации по использованию цветов, шрифтов, кнопок, иконок, анимаций, переходов и других элементов приложений и сайтов. Помимо этого, платформа предоставляет собственный инструмент для внедрения Material Design — для Sketch .

Polymer Paper

Каноническое исполнение Material Design для веб-приложений называется Polymer Paper Elements. Оно содержит библиотеку Polymer, прослойку с API к веб-компонентам для браузеров , не поддерживающих стандарт Polymer, а также коллекцию Paper Elements .

См. также

Примечания

  1. . Engadget . Дата обращения: 26 июня 2014. 27 июня 2014 года.
  2. Hall, Stephen (англ.) . 9to5Google (26 апреля 2018). Дата обращения: 6 сентября 2020.
  3. (англ.) . Material Design . Дата обращения: 6 сентября 2020.
  4. Dieter Bohn. (англ.) . The Verge (18 мая 2021). Дата обращения: 16 ноября 2021. 22 мая 2021 года.
  5. (англ.) . Android Police (18 мая 2021). Дата обращения: 16 ноября 2021. 20 мая 2021 года.
  6. Константин Иванов. . Mobile-Review.com (22 мая 2021). Дата обращения: 12 октября 2023.
  7. . Google . Архивировано из 20 августа 2014 года.

Ссылки

Источник —

breeze
  • 2020-10-30
  • 1

Same as Material Design

The title for the last searches