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