Tagged

Optical Adjustment

A collection of 1 post

[译]视觉调整-设计师 vs. 逻辑
设计

[译]视觉调整-设计师 vs. 逻辑

译自:Optical Adjustment 在我早期的设计当中,我靠Photoshop或CSS来告诉我正确与否。如果两个形状在Photoshop标示对齐了,那么它们就是对齐的;如果两个不同的形状是同样的尺寸,那么事实就是如此;如果两个颜色有着相同的十六进制值,那它们看起来就是相同的颜色。 这似乎是合乎逻辑的,但这确是个错误的工作方式。 软件的计算方式是理性的,但是软件却没有考虑人对形状,颜色,尺寸的感知——也就是说软件无法理解物体在上下文中的视觉语言,或者人是如何对物体进行感知的。 人类的非理性思维可以看到并理解电脑无法理解的上下文,因此我们需要决定物体关系在视觉上是否正确。理解这些微妙的不同并知道如何去调整,可以让一个好的设计师更优秀——很少有人注意到它们被调整了,但是如果不调整大多数人又会注意到。 来让我们看看这几个例子。 对齐+视觉权重 仅靠宽,高,以及坐标X,y值,电脑没法精确的指导物体的视觉重量。作为设计师我们需要对此进行一种叫做视觉调整的补偿。 播放按钮中的三角形是居中的?错。在圆中居中画一个三角形,看起来是不平衡的。 左侧播放图标看起来是居中的,但是它在矩形中却是不居中的。 “正确”的播放图标并没有显得不平衡,然而它很明显偏移了中心很多,而不是一点点。为什么?视觉权重。视觉权重或者重量重心偏左一点,这就造成了视觉上的不平衡,就是它实际上并没有。 解决这个问题,