Материальный дизайн во многом похож на печатный, используя ту же структуру и расположение элементов. С его помощью дизайнеры создают и используют базовую сетку и математическую структуру для размещения элементов на основе шаблонов.
Далее каждый шаблон разбивается на области, для которых в документации предусмотрен ряд рекомендаций, так как они направлены на улучшение пользовательского опыта на сайте или в приложении (существуют также рекомендации относительно того, насколько важен тот или иной элемент).
Каждый такой элемент сайта имеет подробное описание, как его сделать и пользоваться им. В таком документе содержится 15 базовых структурных компонентов:
- Меню.
- Сетки.
- Карты.
- Кнопки.
- Списки.
- Диалоги.
- Вкладки.
- Слайдеры.
- Разделители.
- Подзаголовки.
- Переключатели.
- Текстовые поля.
- Всплывающие окна.
- Нижние слои дизайна.
- Полосы прогресс и активности.
Основным фактором популярности материального дизайна служит его простота, доступность и понятность.
Видео по теме: