Группируй элементы

Принципы гештальта

Язык

Принципы Гештальта объясняют целостность восприятия: близость, сходство, непрерывность, замыкание и общая область склеивают элементы в структуру.

Два кластера по близости
Пусть воздух задаёт группы раньше рамок.
Вайрфрейм с группами панелей
Повторяйте ритм отступов по странице.

Близость и отступы

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

Сходство и повтор

Общий цвет, форма и типографика намекают на связь. Непоследовательный стиль ломает скан.

Непрерывность

Выравнивайте края и базовые линии — взгляд течёт; рваное выравнивание ощущается ошибкой.

Практики

  • Карточки для разных сущностей; список для равных.
  • Общая сетка колонок между секциями.
  • Связанные чипы — общим фоном.

Типичные ошибки

  • Всё в одинаковых тяжёлых рамках.
  • Случайное выравнивание «чтоб влезло».
  • Только цветом (провал для дальтонизма).