Сегодня мы поговорим о теории близости. Теория близости — это более подробный разговор о принципе приближенности, о которым мы говорили в первой лекции.
Теория близости звучит так: объекты, расположенные близко друг к другу, воспринимаются связанно. Этот простой принцип лежит в основе всякого осмысленного дизайна.
Или вот три персонажа вселенной Гарри Поттера, стоит передвинуть Рона ближе к Гермионе, как мы видим уже некоторую историю, противостояние.


Перед нами текст из всем известной песни, но с сильной разрядкой. Прочитать можно, но сложно. Далее текст понятный. Разница между ними в том, как используется правило близости.

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

В тексте с адекватной разрядкой внешние отступы значительно больше внутренних. Вопросов нет.

Перед нами подпись, новая короткая строчка или заголовок? Небольшое движение и всё становится ясно.

Далее примеры с нарушением теории близости.


Важно запомнить, что теория близости звучит так: внешние отступы больше или равны внутренним. Обратная ситуация — это нарушение теории близости.
Перед нами интерфейс ВК, в котором нарушено всё. Мы видим, что расстояние от иконок до текста больше, чем расстояние от иконок до краёв формы. Увеличиваем форму.

Теперь мы видим похожую ситуацию, но с заголовками и подписями к ним. Увеличиваем расстояние.

При этом надо понимать, что нарушение этого правила — это тоже приём, хороший приём, сильный.
Рекомендуемая литература
1. «Ководство», Артемий Лебедев