Адаптировать макеты

Адаптивный дизайн — это практика проектирования макетов, адаптирующихся к конкретным точкам разрыва и устройствам. Обычно мы учитываем ширину устройства, чтобы определить, где макет должен меняться или адаптироваться. И веб-дизайн, и Android используют концепции адаптивного дизайна, такие как гибкие сетки и изображения, для создания макетов, которые лучше реагируют на контекст.

Экран приложения «Производительность» на мобильных устройствах и планшетах.

Рекомендации по адаптации макетов к увеличенным размерам экрана см. в руководстве для разработчиков «Поддержка различных размеров экрана» в Compose и на странице M3 «Применение макета» . Вы также можете ознакомиться с канонической галереей Android для больших экранов , чтобы вдохновиться и реализовать макеты для больших экранов.

Хотя не все приложения должны быть доступны на экранах любого размера, это дает вашим пользователям больше свободы в вопросах эргономики, удобства использования и качества приложения.

  • Вы можете проектировать ключевые экраны (для передачи основных концепций вашего приложения) с размерами классов в качестве контрольных точек, которые будут служить ориентирами.
  • Или спроектируйте контент так, чтобы он реагировал на действия пользователя, указав, как его следует ограничивать, расширять или переформатировать.

Дополнительную информацию о макетах можно найти на странице «Понимание макетов» в разделе Material Design 3 (M3) .