快捷搜索:  汽车  科技

视觉错觉图是什么原理:眼见不一定为实 聊聊视错觉的原理和设计应用

视觉错觉图是什么原理:眼见不一定为实 聊聊视错觉的原理和设计应用视觉平衡调整如下图中在没有对个体进行单独调整时所有字母看上去并不平衡。如下图当三角形质心与容器中心相重合的时候看起来会更“居中”。三角形分割错觉在进行排版或者字体设计的时候,往往更多的会依赖于直觉,而不是参数和逻辑,如果仅仅是从尺寸数值上保持一致,也会使一个整体当中的不同个体显得不一样大,因此我们需要对同一整体下的个体尺寸进行调整,已经达到光学平衡。

卡片式结构

经典的 T 形结构被广泛运用于导航、菜单类设计,对于复杂信息归类有很好的效果。

视觉错觉图是什么原理:眼见不一定为实 聊聊视错觉的原理和设计应用(1)

T 形构图

2. 平衡错觉

有时候图形位置会欺骗你的眼睛,尤其是那些具有复杂几何以及比例比不一致或不对称的特殊图形。比如将三角形完全居中的放置在容器内看起来也会像是发生了偏移。会出现这种现象的原因是由于三角形分割错觉的影响。

如下图当三角形质心与容器中心相重合的时候看起来会更“居中”。

视觉错觉图是什么原理:眼见不一定为实 聊聊视错觉的原理和设计应用(2)

三角形分割错觉

在进行排版或者字体设计的时候,往往更多的会依赖于直觉,而不是参数和逻辑,如果仅仅是从尺寸数值上保持一致,也会使一个整体当中的不同个体显得不一样大,因此我们需要对同一整体下的个体尺寸进行调整,已经达到光学平衡。

如下图中在没有对个体进行单独调整时所有字母看上去并不平衡。

视觉错觉图是什么原理:眼见不一定为实 聊聊视错觉的原理和设计应用(3)

视觉平衡调整

淘宝图标在设计时会将图形形态定义出一个相对模糊的范围,然后进行尺寸、位置的微调,确保图形的“质心”相对于容器居中,从而让所有图标在同等尺寸下视觉感受一致。

视觉错觉图是什么原理:眼见不一定为实 聊聊视错觉的原理和设计应用(4)

淘宝图标设计基础规则

3. 视觉补全

我们的大脑往往会在接收到碎片化信息之后会自动把缺失的部分进行补全。下图中的图形在事实上是不完整的,但并不妨碍我们看到一个球体和一个柱状体。

视觉错觉图是什么原理:眼见不一定为实 聊聊视错觉的原理和设计应用(5)

猜您喜欢: