Как дизайнер интерфейсов и так же, как и дизайнер в целом, я часто замечаю, что чувствую необходимость немного расфокусировать вещи, чтобы они выглядели центрированно и сбалансированно из-за неравномерного распределения по объему.
Рассмотрим кнопку воспроизведения, которая находится в коробке:
Спустя месяцы после того, как я задал этот вопрос, я разрабатывал элементы управления видео и понял, что это идеальный пример. Это изображение геометрически центрировано, но в моем интерфейсе я переместил значок примерно на 15% вправо от его фактического геометрического центра, чтобы центрировать его по объему, потому что геометрически центрированный (как вы можете наблюдать на изображении выше) не ' Я чувствую себя совершенно правильно.
Обычно я просто предполагаю, что значок центрируется по объему, но могу поспорить, что правильный центр может быть определен математически, отсюда мое любопытство к названию, в случае, если я найду инструмент или плагин, который поможет мне сделать это с моими инструментами дизайна, такими как InDesign ,
Сверху головы я бы назвал это «Объемное центрирование», но это только предположение. Есть ли официальное название / термин для этой техники?
источник
Ответы:
Называется "Оптический центр"
По сути, глаз читателя будет начинаться в верхнем левом углу и перемещаться в нижний правый угол, проходя через оптический центр (в стране, которая читает справа налево, все наоборот)
Это не фактический геометрический центр. Сделайте 2 линии от угла к углу по прямоугольнику и точке, где линии встречаются, и это геометрический центр. Оптический центр будет немного выше геометрического центра.
То, что вы делаете, это то, что дизайнеры должны сделать, это сбалансировать ваши элементы вокруг оптического центра, а не геометрического центра.
Взято из этой статьи
источник
Оптическая коррекция / компенсация
В вашем случае вы говорите об оптическом центрировании, но ваши глаза могут выполнить больше настроек, чем это, если вы позволите им. Это сложный процесс взвешивания формы, текстуры, цвета, визуального искажения и т. Д. И его компенсации.
Подобно концепции оптического смешения инициированного пуантилистов 19-го века, ваши взгляды мозга на совокупности форм и усредняют вещи. Как и в пуантилизме, изменения эффекта на основе шкалы форм в вопросе. Визуальное разрешение зрителя играет большую роль, но оно также связано с взвешиванием восприятия, когда мозг упрощает вещи, основываясь на относительной важности (извините ... десятилетия чтения, но нет источников).
Вы найдете другую форму компенсации воспринимаемого объема в греко-римской архитектуры.
Используйте свои глаза
Вы делаете это так же, как любой другой дизайнер. Алгоритм мог бы понять это на основе относительных площадей, масштаба, расстояния просмотра и т. Д., Но ничто не может сравниться с человеческим глазом.
источник
Это называется Оптическое выравнивание. Вот отличная статья, в которой обсуждается сама проблема: https://medium.com/@erqiudao/the-play-button-is-not-optical-alignment-4cea11bda175 Надеюсь, это поможет!
источник
Ответ Optical Alignment - отличный ответ, и я подозреваю, что это то, что вам нужно, но когда вы упомянули «баланс» в своем вопросе, я подумал об Occult Balance (AKA, асимметричный баланс).
Вот ссылка, которую я нашел ... http://www.revolutionarygardens.com/principles-of-design-balance-in-the-landscape/
Я знаю, что ссылка касается ландшафтного дизайна, но я думаю, что концепция применима здесь.
источник