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

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

uimaker
UI设计师 / 江苏 南京

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

关键词

6.斜线相交处理

身正不怕影子斜?图样图森破,影子斜了身子也会歪!就像一条斜线和竖线相交,竖线越宽,斜线的错位感就越强,看起来就不像一条连贯的斜线了。

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

那怎么办?遇到这种情况当然是“将错就错”了,就是设计时你处理成错位的,看起来就连贯了撒,当然,也可以调整相接的笔画来处理。

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

叁——面的视错处理

如果说点、线的视错是针对字体内部笔画的处理,那面的视错觉就是针对汉字整体和汉字与汉字之间进行结构的调整和把控。

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

小梦之前在汉字的形体结构和造型以及中宫的相关内容中讲解过,为了让字看起来整体协调,设计字时通常会根据汉字的外形轮廓,把字归纳为几种几何图形然后有针对性的调整,这其实就是针对汉字在面维度上的视错觉处理。

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

因为大多数汉字是方块外形,我们就以方形作参考来探讨下这些特殊外形轮廓字的视错觉处理。

1.正方形

你可能不知道,正方形本身就是有视错觉的,高度略矮的矩形看起来才更像正方形。这就是为什么字体设计中明明横竖的笔画等长,字却看起来不是正方形的原因。

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

除此之外,同样大小的两个正方形如果其中一个中还嵌套有正方形,那么这个正方形就会看起来比较小。

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

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

其实,只要是正方形中有东西填充,看起来就会比空的正方形小,方框中的空白区域越少,整体就看起来越小。所以在处理如“日、囚、国、圈”等字时,内白少的外框尽量稍微扩大以弥补视觉上的不协调

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

是不是感觉自己知识丰富的像本教科书?别骄傲,正方形的视错觉还有一点,和圆形、三角形以及菱形比起来,正方形看起来是面积最大的,所以,遇到包围结构尤其是全包围结构的字,外边框要适当收缩,减少膨胀之感。

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

2.圆形

圆的特点是没有棱角,四周封闭,视觉上给人以旋转、运动和收缩的审美趣味。和正方形类似,直径相等的两个圆,同心圆看起来比单个圆看起来小。

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

另外,如上文多说,同样大小的圆被不同大小的圆环绕后,也会产生视错,被大圆包围后看起来小而被小圆包围后看起来大。

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

你瞧瞧,这圆头圆脑讲究还真多!因为直径和正方形边长相等的圆,圆形看起来会显得拘谨,收缩感更强。所以,这类字在设计中要伸缩边角的笔画,打破视觉上的收缩和拘谨。

最后还要特别注意圆形类字中横竖笔画的处理,避免撇捺点笔画过多出现松垮和散架之感。

3.三角形

一看到“三角形”脑子里就立马蹦出“具有稳定性”几个字,谁还不是九年义务教育毕业咋滴!因为三角形类的字面积集中在下半部分重心偏下和顶角尖锐的心理感受,视觉上就会有很强烈的下坠感。

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

设计中要把此类字的底边笔画提高从而使重心上移,同时顶部笔画做顶格甚至破格处理,造成向上的视觉延伸感,避免下坠造成的不适感。

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

机智如你,如果遇到倒三角类的汉字,处理手法那必须是和以上手法相反处理,要不然倒三角的字就像脱手的氢气球,眼看着就要飞走啦~

4.菱形

眼睛贼溜的你一定已经发现,在正方形、圆形、三角形和菱形这几类字中,面积最大的是正方形,而菱形是面积最小的!同时在视觉上,菱形收缩感强、四角尖锐很容易产生飘忽的赶脚。

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

你想的没错!从这里就不难明白,要想保持一种字体字面大小一致,菱形类字就需要扩大视觉面积,设计中我们通常会采用横向破格的手法来处理。

这样重心下移,横向上产生视觉延伸感,既扩大了视觉感知也避免了菱形的不稳定之感,左瞅右瞅没猫饼!

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

看到这里是不是感觉自己掌握了设计字体的真理?从点线面的维度恰当处理汉字在三个层次上的视错觉现象,你设计的字就能让眼睛怀孕啦!

人从来都是挑剔的动物,只有满足视觉上的完满享受才能带来心理上的愉悦感,字体设计作为一门视觉艺术,只有恰当处理设计中的视错觉形象,设计出来的字才能给人美的享受!

 收藏