Эволюция пространственных UI-компонентов

У кнопки тридцать лет было два состояния и два измерения. Дайте холсту ось z — и почти каждое допущение, зашитое в библиотеки компонентов, нужно пересматривать, начиная с идеи, что порядок наложения — это вопрос стилей, а не пространства.

1. Глубина становится иерархией

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

Третья ось — не украшение. Это самый дешёвый сигнал иерархии, который вы когда-либо добавите в интерфейс.

2. Перекрытие заменяет overflow

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

3. Счёт за доступность

Ничто из этого не бесплатно. Признаки глубины, что для одного пользователя элегантны, для другого — укачивание, а скринридеры не имеют понятия об оси z. Каждой пространственной подсказке нужен плоский запасной вариант с тем же смыслом, учитывающий prefers-reduced-motion.