Эта страница переведена с помощью Cloud Translation API.

Сетки

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

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

Компонент списка элементов

Списки предоставляют альтернативный способ отображения контента, требующего более подробного пояснения.

Анатомия

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

Технические характеристики

Компонент списка элементов

Технические характеристики, рекомендации по стилю и многое другое.

Сетка содержимого (3 или 4 столбца)

Сетка приложений (4 столбца)

Сетка приложений с часто используемыми элементами в верхнем ряду.

Размещение значков индикаторов в табличной разметке

Масштабирование макетов

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

Экраны стандартной ширины

Широкоэкранные

Сверхширокие и суперширокие экраны

Вертикальное расстояние между сетками приложений на экранах различной высоты

Стили

Типография

Цвет

Размер

Высота

Примеры