Материальный дизайн

Язык дизайна, разработанный Google в 2014 году
Материальный дизайн
Разработчик(и)Google
Первоначальный выпуск25 июня 2014 г. ; 10 лет назад ( 2014-06-25 )
Выпуск(и)
Стабильный релиз(ы) [±]
андроид1.11.0 [1] / 14 декабря 2023 г. ; 13 месяцев назад ( 14 декабря 2023 )
iOS124.2.0 [2] / 26 апреля 2021 г. ; 3 года назад ( 26 апреля 2021 г. )
Веб14.0.0 [3] / 28 апреля 2022 г. ; 2 года назад ( 28 апреля 2022 )
Предварительный просмотр релиза(ов) [±]
Репозиторий
  • Веб : материал-компоненты-веб
  • Android : material-components-android
  • iOS : material-components-ios
  • Flutter : материал-компоненты-flutter
Написано вHTML , CSS , Sass (v4), JavaScript , AngularJS , Angular , Java , Objective-C , Swift , Dart
ПлатформаAndroid , iOS , Веб
ТипПрограммное обеспечение для проектирования языка
Лицензия
Веб-сайтПоследняя версия
  • Материальный дизайн 3

Архивные версии

  • Материальный дизайн 1
  • Материальный дизайн 2

Material Design (кодовое название Quantum Paper ) [4]язык дизайна , разработанный Google в 2014 году. Расширяя «карточки», дебютировавшие в Google Now , Material Design использует больше макетов на основе сетки, адаптивную анимацию и переходы, отступы и эффекты глубины, такие как освещение и тени. Google анонсировала Material Design 25 июня 2014 года на конференции Google I/O 2014. [5]

Основная цель Material Design — создание нового визуального языка, который сочетает принципы хорошего дизайна с техническими и научными инновациями. Дизайнер Матиас Дуарте объяснил, что «в отличие от настоящей бумаги, наш цифровой материал может расширяться и преобразовываться разумно. Материал имеет физические поверхности и края. Швы и тени дают представление о том, к чему вы можете прикоснуться». Google заявляет, что их новый язык дизайна основан на бумаге и чернилах, но реализация происходит в продвинутой манере. [6] [7] [8]

В 2018 году Google подробно описала обновление языка, сосредоточившись на предоставлении большей гибкости дизайнерам для создания пользовательских «тем» с различной геометрией, цветами и типографикой. В 2021 году была представлена ​​дальнейшая эволюция языка дизайна под названием Material You. [9]

Выполнение

Material Design должен был постепенно распространяться на весь спектр веб- и мобильных продуктов Google, обеспечивая единообразный опыт на всех платформах и в приложениях. Google также выпустила интерфейсы прикладного программирования (API) для сторонних разработчиков, чтобы включить язык дизайна в свои приложения. [10] [11] [12]

Каноническая реализация Material Design с открытым исходным кодом для пользовательских интерфейсов веб-приложений называется Material Web. [13]

Обновления

Материальный дизайн 2

После обновления 2018 года Google начала переделывать большинство своих приложений на основе обновленного набора принципов и рекомендаций, получивших название «Material Design 2», который появился в Android Pie . [14] Он уделил больше внимания настройке основных компонентов Material Design для адаптации к брендингу продуктов, в которых он используется. [15] Обновленные рекомендации еще больше подчеркивают пустое пространство, закругленные углы, цветные иконки и нижние панели навигации. Google начала использовать специальную оптимизированную по размеру версию своего фирменного шрифта Product Sans под названием Google Sans. [16]

Material Design 3 (Материальный Вы)

На конференции Google I/O в мае 2021 года Google анонсировала новую концепцию Android 12 , известную как «Material You» (также известную как «Material Design 3» [17] ), подчеркивающую улучшенную анимацию, более крупные кнопки и возможность создания пользовательских тем пользовательского интерфейса из обоев пользователя. [9] В последующие месяцы Material You постепенно внедрялась в различные приложения Google на старых версиях Android и стала основным направлением для серий смартфонов Pixel 6 и Pixel 6 Pro . [18] [19] [20]

Смотрите также

Ссылки

  1. ^ "Release 1.11.0". 14 декабря 2023 г. Получено 19 декабря 2023 г.
  2. ^ "Release 124.2.0". 26 апреля 2021 г. Получено 18 мая 2021 г.
  3. ^ "Release 14.0.0". 28 апреля 2022 г. Получено 28 октября 2022 г.
  4. ^ "Эксклюзив: квантовая бумага и предстоящие усилия Google по упрощению согласованного пользовательского интерфейса". Techcrunch . 11 июня 2014 г. Получено 11 июня 2014 г.
  5. ^ "Material design". PopArt Studio . Получено 10 апреля 2024 г.
  6. ^ "Новый пользовательский интерфейс Google 'Material Design' появится на Android, Chrome OS и в Интернете". Engadget . Получено 26 июня 2014 г.
  7. ^ "Новый, улучшенный Android от Google предоставит унифицированный язык дизайна". Co.Design . 25 июня 2014 г. Получено 26 июня 2014 г.
  8. ^ "Google раскрывает подробности об Android L на Google IO". Anandtech . Получено 26 июня 2014 г.
  9. ^ ab Bohn, Dieter (2021-05-18). "Android 12 preview: first look on the радикально новый дизайн Google". The Verge . Получено 2021-05-19 .
  10. Крис Смит (30 июля 2014 г.). «Material Design от Google собирается изменить наш взгляд на всемирную паутину». BGR.
  11. ^ "Мы только что поигрались с L Developer Preview от Android". Engadget . AOL . Получено 26 июня 2014 г. .
  12. ^ «Следующий большой редизайн Android от Google состоится осенью». The Verge . Vox Media. 25 июня 2014 г. Получено 26 июня 2014 г.
  13. ^ "Web – Material Design 3". Архивировано из оригинала 2023-09-08.
  14. ^ Холл, Стивен (2018-04-26). «Что именно представляет собой этот так называемый «Material Design 2» и как он будет выглядеть?». 9to5Google . Получено 2020-09-06 .
  15. ^ "Material Design". Material Design . Получено 2020-09-06 .
  16. ^ Холл, Стивен (2018-05-09). «Теперь мы знаем: Google Sans на самом деле является оптимизированной по размеру версией Product Sans». 9to5Google . Получено 2020-09-06 .
  17. ^ Material Design [@materialdesign] (27 октября 2021 г.). «🎊 Новейшая разработка Material Design УЖЕ доступна. С Material Design 3, нашим следующим поколением системы, мы представляем Material You — новый набор функций, которые помогут сделать ваши приложения более персонализированными. Попробуйте → goo.gle/m3-material-io #AndroidDevSummit» ( Твит ) . Получено 27 октября 2021 г. — через Twitter .
  18. ^ Уоррен, Том (10 сентября 2021 г.). «Дизайн Material You от Google появится в Gmail, Calendar и Docs на Android». The Verge . Получено 19 сентября 2021 г. .
  19. ^ Ли, Эбнер (15 сентября 2021 г.). «Google Photos запускает редизайн Material You, но без Dynamic Color». 9to5Google . Получено 19 сентября 2021 г. .
  20. ^ «Google Contacts уже получает свой интерфейс Material You UI». Android Police . 2021-07-29 . Получено 2021-09-19 .
  • Официальный сайт
    • Материальный дизайн 1
    • Материальный дизайн 2
    • Материальный дизайн 3
Взято с "https://en.wikipedia.org/w/index.php?title=Material_Design&oldid=1269156286"