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

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

uimaker
UI设计师 / 江苏 南京

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

关键词

贰——线的视错处理

汉字是方寸之间的艺术,横竖撇捺的笔画自然很多,而线条也是很容易产生视错的,所以掌握线条视错现象在字体设计中的应用很有必要。

1.横竖粗细处理

不是有意伤害胖友们,但事实上就是这样,同样身高的两个人,胖子看起来矮,而瘦子看起来高。横竖笔画也有同样的视错现象,所以很多字体都会进行横细竖粗的处理,从而到达视觉上的平衡。

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

同样的,当遇到多横或多竖排列的笔画时,要恰当处理粗细和长短,横的粗细和竖的长短不要都等同。否则多横的字会看起来很宽,而多竖的字会看起来很高。

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

2.横竖相接处理

两条长度相等的横竖线,丁字相接后,竖线看起来会比横线长,交接点越往边缘移动,二者的长度看起来越接近。

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

所以处理横竖相接的笔画时,竖向的笔画注意不要太长,而横向的笔画则可以适当减短,还可以改变垂足的位置或是加粗竖变细横。

3.横竖分割处理

这种场景有种菜刀剁大葱的既视感,就是多条竖线被贯穿的横线分割后,竖线之间的间隔距离看起来会变大。

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

也就是说,处理这种横竖分割的情形需要根据视觉习惯减小竖线之间的间隔距离。

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

4.横画长短处理

横画的长短除了受到本身长度的影响,还会受到两端折线的影响,两端折线向外倾斜程度越大横线看起来就越长。

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

所以,在处理横画起落有衬线的情况时,横画的长短可以根据视觉感知适当调整,而不是机械的弄成等长了事。

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

当横画是梯形状,几个排列时上面的横画看起来会比下面的长,要注意调整。

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

你不会想到,其实横画的长短还会受到周围横画的影响,周围笔画长会显得中间的笔画短,而周围的笔画短则显得中间笔画长。

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

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

排列或包围影响视觉感受,,这其实是很容易产生视错觉的一种现象。

5.竖画长短处理

类似的,如果竖线与两条斜线相接,这两条斜线形成的夹角越大,竖线就看起来越短,反之则越长。

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

说白了就是字体设计中遇到这种情况,要注意竖画和相接的两条斜线夹角的微妙关系,二者是相互影响的。

 收藏