Используйте стандартные макеты, чтобы адаптировать приложение для распространенных сценариев использования и размеров экрана. Эти готовые композиции – хорошая отправная точка.
Макет со списком и подробными сведениями
Макет списка и подробных сведений позволяет пользователям просматривать списки элементов, содержащие описательную, пояснительную или другую дополнительную информацию – сведения об элементе. На компактных экранах виден только список или подробная информация. Отображая коллекцию контента в макете на основе строк, списки составляют наиболее распространенную форму макетов для приложений. Макет "список и подробные сведения" идеально подходит для мессенджеров, менеджеров контактов, файловых браузеров и любых других приложений, где контент можно организовать в виде списка элементов, при выборе которых открывается дополнительная информация.
Контент может быть статическим или динамическим.
- Динамический контент – это контент, который приложение показывает на лету. Он идеально подходит для показа контента, созданного пользователями, или для отражения предпочтений или действий пользователя. Например, в приложении для работы с фотографиями есть прокручиваемый список пользовательских изображений, который уникален для каждого пользователя и меняется по мере загрузки новых изображений. Эти изображения являются динамическим контентом.
- Статический контент – это контент, заданный в коде. Его можно изменить, только внеся изменения непосредственно в код приложения. Примерами статического контента являются изображения и текст, которые может видеть каждый пользователь.
В файле Figma Now in Android есть несколько примеров макетов. В примере ниже показана одномерная коллекция контента.
Дополнительные рекомендации по дизайну компонентов и спецификаций списков можно найти в разделе Списки Material 3.
Макет фида
Макет фида позволяет разместить равнозначные элементы контента в настраиваемой сетке, чтобы пользователям было удобно просматривать большое количество контента. Подробнее о рекомендациях Material Design 3 по использованию карточек в коллекции. Ленты могут быть представлены в виде списка или сетки на компактных экранах, обычно в виде карточек или плиток. Контент может быть динамическим, то есть поступать из внешнего источника, например API.
Макет сетки состоит из строк и столбцов, образованных неявными или явными принципами сдерживания. Макет сетки может быть более жестко применен или расположен в шахматном порядке, чтобы варьировать строки и столбцы. Оба должны иметь последовательное применение интервалов и логики, чтобы не путать пользователей.
Вы можете реализовать макет ленты с помощью ленивых списков или ленивых сеток.
Например, фотогалерея и подкасты в виде сетки – это распространенные форматы фидов.
Макет панели поддержки
Для мобильной версии может потребоваться вспомогательный контент или элементы управления, такие как листы или диалоговые окна. Они помогают сохранить основное представление сфокусированным и не загроможденным.
Подробнее о рекомендациях M3 для нижних экранов…
Элементы WebView
WebView показывает веб-страницы в приложении. В большинстве случаев мы рекомендуем использовать стандартный браузер, например Chrome, для показа контента пользователю. Подробнее о веб-браузерах читайте в руководстве Вызов браузера с помощью намерения.