Списки

Списки представляют собой контейнеры элементов со встроенной прокруткой и фокусом.

Принципы

Четкая организация : информация в списках должна быть представлена ​​в четком и легко читаемом вертикальном порядке.

Последовательное представление элементов : элементы списка должны иметь постоянную визуальную структуру.

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

Интерактивность : элементы списка часто представляют собой выбираемые или действующие элементы.

Использование и размещение

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

Списки могут отображать один или несколько выбираемых элементов в представлении.

Используйте сетки для обозначения переполнения содержимого

Если список содержит больше элементов, чем помещается в окне, то по краям списка используется черная рамка.

При необходимости списки могут использовать заголовок.

Для ясности в списке можно использовать статический или фиксированный заголовок.

cancel

Не

Если в представлении будет больше одного списка, это визуально перегрузит и отвлечет внимание.

Используйте глубину для обозначения фокуса

Элементы списка перемещаются на глубину от 0 до +4 для нефокусированного и фокусированного состояний.

Элементы списка могут быть интерактивными

Элементы списка могут выполнять функции действий. Действие должно быть привязано к элементу списка.

Анатомия

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

А. Контейнер — прокручиваемая область

B. Элемент списка

C. Системные панели

Элемент списка: каждый отдельный элемент в списке.

А. Форма

Б. Граница

C. Ведущий значок

D. Текстовое содержание

E. Трейлинговый индикатор

Настройка

Большая часть настроек выполняется с помощью элементов списка.