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

Близость выполняет множество скрытых функций. В форме метка, расположенная близко к полю ввода, воспринимается как связанная с остальными элементами. Переместите метку на полстраницы, и связь нарушится. В макете страницы заголовок, расположенный ближе к тексту под ним, чем к разделу над ним, указывает, к какому блоку он принадлежит. Робин Уильямс популяризировал эти идеи для людей, не являющихся дизайнерами, в своей книге «Дизайн для недизайнеров», объединив близость с выравниванием, повторением и контрастом.

Практическое применение

• Группировка меток по соответствующим полям формы.
• Разделение разделов с помощью пробелов вместо линий.
• Навигационные ссылки, связанные с кластеризацией.
• Использование полей для обозначения иерархии.

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