Как выстроить дизайн по гайду Material Design

«Как выстроить дизайн по гайду Material Design» — вопрос из категории UI и Views, который задают на 23% собеседований Android Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Material Design — это система дизайна от Google, которая помогает создавать интуитивно понятные и визуально привлекательные интерфейсы. Вот ключевые шаги для его внедрения:

  1. Цветовая палитра
    Используйте primary и secondary цвета, а также акцентные оттенки. В res/values/colors.xml:
    <color name="primary">#6200EE</color>
    <color name="primary_dark">#3700B3</color>
    <color name="accent">#03DAC6</color>
  1. Типографика
    Применяйте шрифты Roboto или другие, совместимые с Material. В styles.xml:
    <style name="TextAppearance.Body1" parent="TextAppearance.MaterialComponents.Body1">
        <item name="fontFamily">@font/roboto_regular</item>
    </style>
  1. Компоненты
    Используйте Material Components (Button, CardView, BottomNavigation и т.д.). Подключите зависимость в build.gradle:
    implementation 'com.google.android.material:material:1.6.0'
  1. Анимации и отзывчивость
    Добавляйте ripple-эффекты, переходы и микровзаимодействия.

  2. Адаптивность
    Учитывайте разные размеры экранов через ConstraintLayout и responsive-компоненты.

Проверяйте соответствие в Material Design Guidelines.