Material Design

Матеріал з Вікіпедії — вільної енциклопедії.
Перейти до навігації Перейти до пошуку
Material design 3 на Android 12

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]

Див. також

[ред. | ред. код]

Примітки

[ред. | ред. код]
  1. Spradlin, Liam (11 червня 2014). Exclusive: Quantum Paper And Google's Upcoming Effort To Make Consistent UI Simple. Android Police. Архів оригіналу за 23 листопада 2018. Процитовано 2 червня 2017.
  2. Google Design (28 травня 2015), Making Material Design, архів оригіналу за 31 жовтня 2016, процитовано 2 серпня 2016
  3. Pavlo, Salyga (2 серпня 2016). Web Design and Usability Analysis: Принципи матеріального дизайну і чим він загрошує дизайнерам. Web Design and Usability Analysis. Архів оригіналу за 1 вересня 2017. Процитовано 2 серпня 2016.
  4. How Google created a custom Material theme. Material Design (англ.). Процитовано 20 липня 2022.
  5. Hall, Stephen (26 квітня 2018). What exactly is this so-called ‘Material Design 2,' and what will it look like?. 9to5Google (амер.). Процитовано 20 липня 2022.
  6. Hall, Stephen (9 травня 2018). Now we know: Google Sans is actually a size-optimized version of Product Sans. 9to5Google (амер.). Процитовано 20 липня 2022.
  7. https://twitter.com/materialdesign/status/1453409331697885192. Twitter (укр.). Процитовано 20 липня 2022.
  8. Bohn, Dieter (18 травня 2021). Android 12 preview: first look at Google’s radical new design. The Verge (англ.). Процитовано 20 липня 2022.
  9. Warren, Tom (10 вересня 2021). Google’s Material You design is coming to Gmail, Calendar, and Docs on Android. The Verge (англ.). Процитовано 20 липня 2022.
  10. Li, Abner (1 жовтня 2021). Google Photos rolling out Material You redesign [Update: Dynamic Color]. 9to5Google (амер.). Процитовано 20 липня 2022.
  11. Sattelberg, Will (29 липня 2021). Google Contacts is already getting its Material You UI makeover. Android Police (амер.). Процитовано 20 липня 2022.

Посилання

[ред. | ред. код]