Google оголосив про випуск Material Design Lite: Що це означає для веб-дизайну

Зображення до статті Google оголосив про випуск Material Design Lite: Що це означає для веб-дизайну
Зображення до статті Google оголосив про випуск Material Design Lite: Що це означає для веб-дизайну

Material Design Lite - це спрощена версія Material Design, яка була представлена Google на I/O 2014. Вона змінила багато продуктів Google, включаючи Google Drive і Android OS. Навіть основна сторінка пошуку Google увібрала елементи Material Design.

Однією з головних перешкод для широкого впровадження принципів Material Design, крім продуктів Google, були конкуруючі стилі, нав'язані фреймворками. Було кілька спроб спільноти впорядкувати Material Design і, наприклад, Bootstrap; Material Design Lite - це спроба забезпечити реалізацію, схвалену Google.

🚀 Material Design може замінити багато частин Bootstrap. Однак він не має на меті повністю відповідати всьому, що пропонує Bootstrap. Замість цього Material Design Lite має на меті реалізувати компоненти, визначені в специфікації Material Design. Це дозволяє йому надавати найбільш повне і точне рішення.

  • 📌 Material Design Lite - це маленька (близько 27Kb gzipped) бібліотека компонентів для використання на веб-сторінках і веб-додатках.
  • 📌 MDL включає в себе бібліотеку компонентів MD, яка включає звичайні елементи UI, такі як прапорці, текстові поля для введення і кнопки.
  • 📌 MDL також включає п'ять шаблонів: блог, шкіру android.com, панель приладів, веб-сторінку з багатим текстом і сторінку статті.
🧩 Підсумок: MDL - це спосіб, яким Google вважає, що більшість веб-сайтів повинні бути побудовані. Однак MDL відрізняється тим, що це не просто фреймворк, але фреймворк, який віддає перевагу конкретному дизайнерському підходу.
🧠 Власні міркування: Незважаючи на те, що MDL пропонує цілісний візуальний стиль, він може бути занадто брендованим для використання поза продуктами Google. Впровадження його в цілому, що є великою силою MDL, більшість часу не має сенсу.