是否存在基于体积而不是宽度和高度的偏心事物的名称,术语或惯例?


11

作为界面设计师,就像一般的设计师一样,我经常注意到,由于物品的体积分布不均匀,我需要将物品稍微偏心放置,以使它们显得居中且平衡。

考虑一下放置在框中的播放按钮:

在此处输入图片说明

问了这个问题几个月后,我正在开发视频控件,并意识到这是一个完美的例子。该图像在几何上居中,但是在我的界面中,我将图标推到比其实际几何中心靠右约15%的位置,以便基于体积将其居中,因为在几何上居中(如上图所示)感觉不对。

我通常只是猜测以图标为中心的居中位置,但是我敢打赌,可以通过数学方法确定适当的居中位置,因此我对名称很好奇,以防万一我可以找到一个工具或插件来帮助我使用InDesign等设计工具来完成此任务。

在我的头顶上,我称其为“体积居中”,但这只是一个猜测。该技术是否有正式名称/术语?


物理术语将是质量中心。en.wikipedia.org
wiki/

Answers:


9

叫做“光学中心”

基本上,读者的视线会从左上角开始,然后朝右下角移动,穿过光学中心(在从右向左阅读的国家中,事物反转)。

那不是实际的几何中心。在矩形上从一条线到另一条线制作2条线,并在两条线相交的点,这就是几何中心。光学中心将比几何中心高一点。

设计人员应该做的是平衡光学中心而非几何中心附近的元素。

摘自本文

在此处输入图片说明


4
这绝对不是问题中描述的效果。
KRyan 2015年

几乎在那里...不是很正确的概念。
2015年

4

光学校正/补偿

在您的情况下,您正在说的是光学居中,但是如果您允许,您的眼睛可以进行的调整更多。这是对形状,纹理,颜色,视觉失真等进行加权并对其进行补偿的复杂过程。

与19世纪点点画家开创的光学混合概念类似,您的大脑会观察各种形状并将其平均化。与点画法一样,效果会根据所讨论形状的大小而变化。观看者的视觉分辨率起着很大的作用,但也与感知权重有关,在这种情况下,大脑会根据相对重要性来简化事物(抱歉……数十年的阅读,但没有资料)。

点画图像放大彩色点

您会发现另一种形式的补偿希腊罗马建筑中的感知体积。

建筑师计算透视图,使物体边缘看起来像凹形的光学错觉,以及针对在天空中观看的圆柱看起来与在阴影墙中观看的相邻圆柱看起来不同。由于这些因素,建筑师对计划进行了调整,以使任何重要建筑物的主线很少是直的。
通过维基百科

用你的眼睛

您这样做的方式与其他设计师一样。可以想象一种算法可以根据相对面积,比例,观看距离等来解决这个问题,但是没有什么比人眼更清楚了。


3

这就是所谓的光学对准。 在此处输入图片说明 这是一篇很好的文章,讨论了这个问题:https : //medium.com/@erqiudao/the-play-button-is-not-optical-alignment-4cea11bda175 希望对您有所 帮助!


哇,真棒。
Viziionary 2015年

@JonathanTodd对吗?我前几天刚读完并保存了它,发现有人需要它,在这里我们就是哈哈
Stanley VM

4
请引用您链接到的文章的相关部分以添加到答案中。由于链接腐烂,仅链接答案不被接受。
DA01 2015年

1
优秀的文章!多年来,我一直只是用自己的眼球使事物居中。我简直不敢相信我从来没有教过(或自己弄清楚)圈戏。我第二次DA01的要求是您将帖子中的图像/文本添加到您的答案中,好极了。
Vicki 2015年

1
@joojaa我太忙于画画我的活页夹。;)
Vicki 2015年

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.