详细解析视错觉在汉字设计中的应用

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:站酷   作者:惊梦了了

关键词

古人教导我们“耳听为虚,眼见为实”,真的是这样吗?并不尽然,在平面设计中尤其是字体设计中,眼见到的并不一定真实,因为有视错觉在作祟。

详细解析视错觉在汉字设计中的应用

一、视错觉是怎么产生的?

我们看到的事物,其实并不是事物原原本本的样子,而是基于经验或参照进而形成的判断和感知。说白了就是事物本身是客观的,但我们眼里的事物却是主观的。

详细解析视错觉在汉字设计中的应用

视错原理就是指,观察者在客观因素干扰下或者自身的心理因素支配下,对图形产生的与客观事实不相符的错误视觉感知。

详细解析视错觉在汉字设计中的应用

在设计中这种现象很常见,比如说,同样大小的圆,被较小的圆围绕后看起来大,而被较大的圆围绕后看起来就显小。

详细解析视错觉在汉字设计中的应用

这就是为什么设计师画参考线、打方格忙活半天,严格规整设计后,发现设计出来的视觉效果反而不理想。因为你是按照几何方法设计的,当然在视觉上有偏差啦!

详细解析视错觉在汉字设计中的应用

无论是平面设计还是字体设计,我们的作品都是给人看的,也就是要满足视觉上的要求,所以严格按几何方法设计实在却并不实用。

详细解析视错觉在汉字设计中的应用

尤其是字体设计,因为汉字是横竖撇捺折等等构成的,都是线条和点,甚至是块面的复杂构成,很容易产生视错现象,这就要求设计字体时,在几何造型手法的基础上,充分考虑到视觉效果。

二、视错觉在字体设计中的应用

设计字体你可以有自己的freestyle,但基本的设计原理都不懂那什么style都白搭,so,视错觉在字体设计中的应用赶紧学起来!

详细解析视错觉在汉字设计中的应用

如你所知,汉字是由笔画、部首和汉字三个层次构成的,而平面设计又讲究的是点线面构成,所以,小梦就从点线面的维度来解析视错觉在汉字这三个层次中的应用。

壹——点的视错处理

数学老师教导我们,没有长、宽、厚只有位置的几何图形就是点,但平面设计中的点和此不同,是有面积的,点放大就成了面,实的是点,虚的也可能存在点。

1.字体重心处理

几何中心就是典型的虚点,或者称为假想点,因为汉字是方块字,几何中心就是其对角线的交点。但在方块面积中我们的视觉中心点往往不在几何中心,而在几何中心略偏左上的位置。

详细解析视错觉在汉字设计中的应用

没错,视觉中心就是汉字重心,我们常说的字体重心其实就是对汉字几何中心的视错处理。因为重心是汉字的视觉中心,同样高矮的汉字,重心偏上的字看起来会更高些。

2.密集点画处理

一个汉字中如果有很多点,看起来就会显得比较零碎和分散,这就要恰当处理这些点画的布局和造型。在视觉上,如果点是这样分布的,就会产生视错觉现象:

详细解析视错觉在汉字设计中的应用

所以,单独那个点的位置要特殊处理,如“消”“淡”“沙”等字,点画处理不好很容易让字看起来散架。

详细解析视错觉在汉字设计中的应用

 收藏