Про визуальный вес.

Про визуальный вес.

Romanrivet

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

В качестве примера — блок иконок-ссылок на соцсети:

Размеры элементов разные, но расстояния между ними одинаковые. Различия по контрасту нет, но что-то режет глаз, не правда ли?

Масштаб используется не только для выделения элементов в интерфейсе (чем больше кнопка — тем она важнее), но и для уравнивания. В данном случае иконки представляют из себя равнозначные ссылки и их визуальный вес необходимо привести к общему знаменателю.


Но, что если оставить стандартное выравнивание по высоте?

Тут явно что-то перевешивает.


С помощью масштаба выравниваем визуальный вес:

Теперь иконки вполне соответствуют друг другу. Но что это за пустота зияет снизу?

Технически, это горизонтальный список равнозначных элементов, и расстояния между ними также равны. Особенность логотипа ВК добавляет лишний «воздух», от которого необходимо избавиться для стройности композиции.

Решение проблемы в незначительном уменьшении расстояния.


Report Page