Material Design

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

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

История

Пример Material You

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

Material Theme (Material Design 2)

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

Material You (Material Design 3)

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

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

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

Polymer Paper

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

См. также

Примечания

Ссылки

🔥 Top keywords: Заглавная страницаЯндексДуров, Павел ВалерьевичСлужебная:ПоискYouTubeЛунин, Андрей АлексеевичПодносова, Ирина ЛеонидовнаВКонтактеФоллаут (телесериал)WildberriesTelegramРеал Мадрид (футбольный клуб)Богуславская, Зоя БорисовнаДуров, Валерий СемёновичРоссияXVideosСписок умерших в 2024 годуЧикатило, Андрей РомановичFallout (серия игр)Список игроков НХЛ, забросивших 500 и более шайбПопков, Михаил ВикторовичOzon17 апреляИльин, Иван АлександровичMail.ruСёгун (мини-сериал, 2024)Слово пацана. Кровь на асфальтеПутин, Владимир ВладимировичЛига чемпионов УЕФАГагарина, Елена ЮрьевнаБишимбаев, Куандык ВалихановичЛига чемпионов УЕФА 2023/2024Турнир претендентов по шахматам 2024Манчестер СитиMGM-140 ATACMSРоссийский миротворческий контингент в Нагорном КарабахеЗагоризонтный радиолокаторПинапВодительское удостоверение в Российской Федерации