Material design (укр.Матеріальний дизайн; кодова назва "Quantum Paper"[1]) — принципи дизайну сайтів, програмного забезпечення і застосунків, а також правила дизайну інтерфейсів для операційної системи Android від компанії Google. Вперше представлений на конференції Google I/O 25 червня 2014 року. Ідея дизайну полягає в інтерфейсі, поведінка і вигляд якого наслідують правила поведінки і вигляду паперових карток в реальному житті. Існує також визначення, що матеріальний дизайн є візуальною чи дизайн мовою.[2]
Особливості
Дослідження, зроблене дизайнерами Google, змінює підхід до інтерфейсу і робить його реальнішим. Інтерфейс перетворюється на живу приємну людині взаємодію.
Material design за допомогою системи управління тінями створює візуальну ілюзію простору між застосунком та екраном пристрою.
Була збільшена реалістичність анімації за допомогою прискорення та пригальмовування рухів, пружного стрибання об'єктів.
Розвинулися інтерактивні іконки.
З'явилася об'єктна хореографія, при якій елементи здатні впливати на сусідні елементи.[3]
Оновлення
Material Design
Material You
Material Design 2 (Google Material Theme)
Після 2018 року Google почав перероблювати більшість своїх додатків у налаштовану та адаптовану версію Material design під назвою Google Material Theme[4] (також відома як «Material design 2»[5]), яка сильно підкреслює білий простір, закруглені кути, кольорові піктограми, нижні панелі навігації та використовує спеціальну скорочену версію власного шрифту Google Product Sans під назвою Google Sans.[6]
Material Design 3 (Material You)
На Google I/O у травні 2021 року Google анонсувала нову концепцію для Android 12, відому як «Material You» (також відома як «Material design 3»[7]), наголошуючи на збільшеній анімації, більших кнопках і можливості унікальних тем користувацького інтерфейсу, які створюються на основі шпалер користувача.[8] Протягом наступних місяців Material You поступово з'являвся в різних додатках Google на старіших версіях Android і став основним акцентом на серії смартфонів Pixel 6 та Pixel 6 Pro.[9][10][11]
.svg){kind=logo}
