原来用了这么久的参考线是错的!字体设计中的几何错视

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

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

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

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

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

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

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

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

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

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

1.字体重心处理

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

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

2.密集点画处理

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

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

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

1.横竖粗细处理

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

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

2.横竖相接处理

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

所以处理横竖相接的笔画时,竖向的笔画尽量不要太长,而横向的笔画需要适当增长,还可以改变垂足的位置或是加粗竖变细横。

3.横竖分割处理

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

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

4.横画长短处理

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

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

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

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

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

5.竖画长短处理

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

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

6.斜线相交处理

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

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

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

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

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

1.正方形

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

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

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

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

2.圆形

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

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

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

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

3.三角形

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

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

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

4.菱形

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

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

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

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

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

THE END
0.Excel表格的单元格中如何插入一条斜线,在左右输入汉字如果一个单元格中画一条斜线,可以执行"格式/单元格/边框"操作,单击从左上至右下倾斜的斜线按钮插入斜线,然后输入文字,按需求按Alt+回车强行换行,再双击单元格,移动光标,输入空格,确认输入的文本具体位置. 如果利用"绘图"工具栏上的直线画斜线(一条或多条),再用"绘图"工具栏上的"文本框"输入文字后,设置好字体jvzq<84yyy4489iqe0ipo8hqpvkov8621293786315612=6a42794<950unuou
1.ps如何画斜线ps如何画斜线 在Photoshop(简称PS)这一强大的图像处理软件中,绘制斜线是一项基础而常用的操作。无论是设计海报、编辑图片还是进行艺术创作,掌握这一技巧都能让你的工作更加得心应手。下面,我们就来详细讲解PS中如何画斜线。 ### 一、选择工具 首先,打开PS软件并新建一个文档。在工具箱中,有多种工具可用于绘制jvzquC41i0vdqwqkpg4dqv3ep1~03A7:13>3:B97;0nuou
2.为什么鼠标光标向左倾斜,而不是垂直的?鲸息“鼠标光标向左倾斜是有历史原因的。 (这个概念图来自VLSI-81-1_The_Optical_Mouse.pdf) 鼠标(和鼠标光标)是由Douglas Englebart发明的,最初鼠标光标的确是一个垂直向上的箭头。 不过当施乐的 XEROX PARC 机器做出来时,鼠标光标变成了斜箭头了。我们发现,在显示器分辨率过低的年代,画直线和画45度角的斜线,比画jvzquC41yy}/ewgnqiy/exr1nguoz‚j1r584A>2554ivvq
3.Visio——绘制倾斜线段(斜线)visio怎么画斜线文章浏览阅读9.8k次,点赞2次,收藏4次。本文介绍了如何在图表中处理多行线,通过检测折点并删除它们,实现线段的倾斜效果。jvzquC41dnuh0lxfp0tfv8\knnobolxl1cxuklqg1fkucrqu13944>:59:
4.cad怎样画斜线平行线5条回答:【推荐答案】在CAD中画斜线和平行线的方法取决于软件的特定版本和功能。下面是一种常用的方法:1.打开你正在使用的CAD软件,并加载你想要绘制斜线和平行线的图纸。2.在CAD软件中,找到“工具”菜单,通常位于顶部菜单栏。3.在“工具”菜单中,找到“jvzquC41ycv/|xq0eqs/ew4cum5ya;86288157mvon
5.为什么横版卷轴游戏都只能从右向左移动?随手画的,大家懂我意思就好 在消除孔径的情况下,你很容易就能看出「右斜线」是在往下运动。但如若只观察孔径内的线条,「右斜线」就变成了“从左上到右下”的移动,它关联到「全域」和「区域」的视觉处理之差。 具体来说,光讯号从视网膜传到视觉皮质V1,就已经完成区域处理,大脑此时还只能辨析线条资讯,因而会认为jvzquC41yy}/ijrgtgy/exr1:5=16B3jvor
6.数字书写规范及田字格训练课程指南.docx四、常见问题与优化建议训练中易出现“数字倾斜、占位错误、笔画脱节”三类问题,针对性优化方法如下:1.数字倾斜(如1向左歪、7斜线角度失常)问题根源:缺乏垂直/水平参照,肌肉记忆不稳定。优化方法:辅助线法:在田字格左侧/上方画垂直/水平辅助线(如竖中线延长线),书写时以辅助线为基准。对比训练:用直尺画竖线,将jvzquC41yy}/tnstgpjpe7hqo1vbrnw16;715;6750nuou
7.CAD里怎么画一条直线与另一条倾斜的直线的角度斜线上画条线,选基点旋转80°搞定~jvzquC41cuq/|xq0eqs/ew4z1478:;7490nuou
8.足球基本技术讲解及重难点与纠错(大全)青少年足球精彩专题纠正方法:支撑腿膝关节有意识弯屈,上体向支撑脚一侧稍倾斜,膝关节屈,脚外翻使脚外侧成水平状态的姿势,持续几秒钟后交换支持脚的练习。 3.头部颠球时易犯错误和纠正方法 击球时间和部位不准,难以控制球的方向和高度。 纠正方法:要求颈部稍紧张用力控制好顶球点。加强收腹和屈膝伸腿蹬地协调用力的练习。 jvzq<84yyy4tzxv{0ipo8oe|v5rkwlujcuokjs|wsov1;53:2=08>;0jvsm
9.matlab有倾斜的椭圆函数图像绘制matlab画一系列斜椭圆因此,原方程 x^2 + y ^2 + xy = 1 描述的曲线是一个有倾斜的椭圆,它的长轴和短轴与坐标轴不平行。 xy交叉项引入斜线 相对于标准圆,函数图像会整体向左偏移或向右偏移,也遵循“左加右减”的规律。 负向斜线成分 当我们观察方程 “x^2 + y^2 + xy = 1” 的图像时,我们会注意到它相对于标准单位jvzquC41dnuh0lxfp0tfv8jcpmicwvoz1gsvrhng1jfvjnnu1752;6;73<
10.CAD中怎么画斜度线?CAD常见问题中望CAD官网CAD中怎么画斜度线? 斜度线,顾名思义,就是表示斜度的线,而斜度就是指直线/平面相对于另一直线/平面的倾斜程度。上图中1:6的斜度线就是指对应斜线直角边的长度比。那么在绘制斜度线的时候有什么技巧呢? 首先,要找到斜度线上任意一点,按照斜度比绘制两个直角边,连接两直角边上的点并进行适当延长,就可以得到jvzquC41yy}/|€hcf0ipo8xgtxodgh;;a88177mvon
11.wpf圆里面画斜线索引标高怎么画?施工图制图标准和有关规定为使图面整齐清楚,用斜线或折线作引出线时,其斜线或折线部分与水平方向形成的角度最好一致,如均为45°、60°等。 2、共同引出线 (1)、共同引出线用来指引名称、尺寸、材料和做法相同的部位。引出线宜互相平行,也可画成集于一点的放射线。如图14所示。 jvzquC41dnuh0lxfp0tfv8|gkzooa<>;68:728ftvkimg8igvcomu8633362;:>
12.html怎么画正方形的斜线,html–斜线的样式html怎么画正方形的斜线,html – 斜线的样式 本文介绍三种实现分数样式的布局技巧:使用CSS倾斜变换、斜杠字符及线性渐变背景。这些方法适用于不同浏览器环境,如需兼容老旧IE版本,推荐采用斜杠字符法。 使用倾斜变换 这种方法使用以下方法: >具有变换的伪元素:skew(-45deg),其边框左边产生类似于斜杠字符的行.jvzquC41dnuh0lxfp0tfv8|gkzooa<897;<258ftvkimg8igvcomu86399839?: