Из чего состоит ощущение глубины
Положение панели, её тень, фон и граница вместе создают впечатление близости или удалённости. Чем важнее действие, тем заметнее может быть поверхность. Но пять разных теней и несколько видов свечения на одной странице делают уровни неоднозначными.
Иерархия прежде декоративности
Сначала определите, какие элементы действительно находятся поверх остальных: модальное окно, меню или подсказка. Затем задайте небольшое число уровней тени и контраста. Для обычных карточек бывает достаточно тонкой границы и изменения фона при наведении; крупное размытие необязательно.
Пример
Текст на плоской светлой поверхности может читаться лучше, чем внутри полупрозрачного блока на ярком фоне.
Три пункта для проверки
- Сравните страницу без теней.
- Не используйте глубину как единственный признак состояния.
- Проверьте видимость границ на разных экранах.