10个错觉:西文字体设计中的细节处理

你应该有过类似的经历,刚理完发,就有人说:“唉,你怎么胖了?”其实,你的体重没有任何变化,只是因为发型的调整,才使得脸颊在观感上产生变胖的假象。

而在字体设计领域,设计师的一项重要任务就是克服人眼本能的错觉,让文字在视觉上更趋于舒适。遗憾的是,因为文字常以细小的尺寸展现,设计师的那些细致考量常常被人忽略。

本文作者例举了10个西文字体中关于错觉的处理,你可以借此来感受字体设计的微观视角与玄妙精巧。

就算是最基础的要求,有时候也需要额外的调整。为了让所有字母看起来一样高,就需要对圆形结构的字母略微加高,因为人眼会本能地认为,同样高度下,圆形比方形更小。

顶部或底部由圆弧构成的字母(比如字母C)会比由直线构成的字母(比如字母T)在高度上更突出。设计师把这种“加高”称作overshoot。Overshoot会运用到整个字符集,包括数字、符号和标点。更有趣的是,overshoot的程度并没有统一的标准,比如S和O采用的overshoot通常就是不同的数值,最终还是以人的视觉为标准。

人眼对圆形和方形的错觉也会延伸到三角形:当笔画汇聚成一个点的时候,字母看起来会比实际更小一些。此时,设计师通常对A、V、W这样包含斜线的字母做一些overshoot。如果整体风格需要突显尖角,那么字母N和M的尖角处会有同样的处理。

人眼还常误判“平衡”,这可能与人类的进化有关。为了适应周围环境,人眼在本能上会认为远处的物体比近处的更小。应用到字体设计上,为了让字母构造型更平衡,会把字母的上半部分设计得更小一些。

这种“自然平衡”在字母B、E和S中就有体现,他们都有“上小下大”的构造。在字母H中,中间的横线会略高于轮廓的几何中心,让上下部分在视觉上更对称。

奇怪的是,字母的结构也会影响视觉平衡。比如字母A,基本构成是“一个角中间加一横”。我们以中间这条横的中心为轴心,将其倒置,我们发现,原来字母A中的横远低于几何中心的高度。如此设计的原因是,中间这条横,其参照对象并非整个字母,而是内部这个更小的空白区域。

以上提到的两种平衡,在字母E和F同时呈现。两个字母中间的横看起来没区别,但实际并不会重合。比如字母E,根据上文提到的自然平衡,中间的横会略高于几何中心的高度。

而在字母F中,中间横的高度会以内部的空白为参照对象,而非整个字母。这样一来,F中的横会比E中的横更低一些。通常情况下,F的设计既会考虑其本身的结构,又会考虑与E相邻时的搭配。

T这个简单的字母造型隐含了文字构造的一个重要规律:横画比竖画看起来粗。而将笔画线条倾斜到不同角度,这种视觉上笔画的粗细变化也会不同。

因此,为了让字重有统一感,设计师会让纵向的笔画在度量上比横向的更粗;而斜的笔画,粗细会在两者之间。

因朝向产生的错觉不仅能影响字重,还可以影响尺寸。上文提到了,横向的笔画比竖向的视觉上更粗,横向的内部空间距离也会比竖向的看起来更长。

所以,为了做出一个“完美”的圆形或方形,设计师会让字母的宽度略窄于其高度。观察上方的字母O,正常的位置状态下,顶部和底部的笔触会趋于变细,其高度也会大于其宽度。

对字重的感知,还受到“书法偏差”的影响。现在的字母形状其实是平头笔的产物。右手以倾斜的角度持笔,向右移动时就会产生较细的上笔和较粗的下笔。这种粗细规律运用在了许多字体中,就算是那些笔画粗细看起来很均匀的字体,也包含了这种考量。

如上图,把字母A翻转之后再对比,会发现A左边的笔画要比右边的稍细一些。正是因为人眼的惯性,才让这种粗细变化在字体设计中变得不可或缺。

以上提到的各类错觉,在字母S中会得到全面的呈现:把S顺时针旋转90度,就会发现S的上下部分的比例并非均等,这就是上文提到的“自然平衡”。而S的两处笔画收尾,又有一种像喇叭口张开的小趋势,那是因为笔画接近垂直走向时,会将其加粗,已达到上文提到的“方向对比(连续)”效果。

把字母S镜像之后就会显现出另一种效果:正如上文提到的“书法偏差”,下笔比上笔的笔画更粗,S的中间部分也要比上下的笔画更粗。还是在S的镜像画面中,左下部分的连接处,你会发现笔画突然缩窄。而在正常位置下,这种“方向对比”与“书法偏差”的结合会很难察觉。

THE END
1.圆形字体设计圆形艺术字图片下载浓情腊八卡通字艺术字原创趣味圆形字体 立即下载 创意2021办年货啦手写卡通艺术字年货节 立即下载 蓝色创意组合节气霜降字体素材 立即下载 红色毛笔字腊八节字体素材 觅知网提供大量圆形字体设计,圆形艺术字图片在线下载。更多圆形艺术字设计图片,尽在觅知网。 热门搜索最新内容 海报美食古风数字幼儿园卡通国潮创意字英https://www.51miz.com/so-yishuzi/88747.html
2.圆形字体设计素材网站图片免费下载汉字圆形字体设计 11 LOGO设计指南 字体设计之圆形字体设计 5 设计补丁 叁字圆形字体设计欣赏 14 LOGO设计指南 汉字圆形字体设计欣赏 42 LOGO设计指南 圆形字体设计 75 xifenu 赤诚智造 了!7款风格迥异的圆形黑体丨平面设计必备字体 18 方正字库 字体设计-每日一练(菜鸟日记) https://www.zcool.com.cn/tag/ZMjQxMTUyMA==.html
3.圆形文字设计图片大全熊猫办公精心为用户挑选44张高清精美圆形字体图片、支持专业级圆形字体设计素材下载,更多风格的圆形字体,免抠元素,卡通手绘素材图片、图标图案、免抠矢量图,尽在熊猫办公。https://www.tukuppt.com/speciall/yuanxingziti4659.html
4.圆形创意字体设计特点字体设计字体分类发现字体最后更新: 2024-12-11 共 6个字体 简介: 圆形创意字体设计特点 Poetica-SuppLowercaseAltI语言:英文 BellCentennial-Address语言:英文 Spartan-BookClassified语言:英文 JansonText-BoldItalic语言:英文 VectoraLH-Italic语言:英文 AJenson-RegularDisplay语言:英文http://www.qiuziti.com/fontlist2?id=866953
5.圆形字体设计圆形字体设计大全全部字体AI 识字字体案例下载客户端购买会员积分商城 玩转字体 免费领取会员 下载客户端 会员介绍 广告合作 字体投稿 上传案例 联系客服圆形字体 字由提供原创正版商用字体下载,小编精心为您挑选多套商用版权【圆形字体】,输入文字可以进行多种字体类型展示效果,还有多种【圆形字体】应用案例供您参考选择, 字由-设计师https://www.hellofont.cn/fonts-1007
6.30种漂亮的英文圆形字体设计设计欣赏30种漂亮的英文圆形字体设计 随着印刷媒体的发展,字体也变得越来越重要。随着万维网和数字媒体的突破,它成为决定文章吸引力和受欢迎程度的一个重要因素。平面设计师喜欢利用排版作为整个工作的一个基本方面,并利用除了计算机安装文本之外的网络上可用的大量字体。圆角字体的需求非常高,因为很多网站使用圆角字体只是因为它们http://www.333cn.com/shejizixun/201922/43497_150770.html
7.圆形图标,字体设计圆形图标,字体设计 流浪猫starycat 共3 条评价 需求完成率3 / 3 高 截稿日期 2018-07-01 单张稿酬预算 ¥ 100 ~ 400 手续费率 5% 发布于 2018-06-26 19:11:20个人用途其他举报企划 需求详情 主题为 咸鱼窝 这三个字,改变字形,朝萌的方向随意设计,徽章以圆形为基础,里面有这三个字这样,同时还有徽章的https://www.mihuashi.com/projects/18424
8.圆形字体logo设计生成器圆形字体logo免费设计在线生成免费圆形字体logo在线设计制作生成器。圆形字体logo案例模板在线编辑,输入名称,免费生成圆形字体logo设计创意下载。http://logosc.cn/biaozhi/s%E5%9C%86%E5%BD%A2%E5%AD%97%E4%BD%93
9.圆形字体圆形字体图片圆形字体图片素材大全智能精选为您提供丰富的圆形字体图片素材,圆形字体设计,圆形字体图片素材下载。助力您对于圆形字体设计的创意设计灵感,充实饱满作品,查找更多设计作品选择摄图网下载https://699pic.com/image/yuanxingziti.html
10.圆形标识英文字体标志logo设计圆形标识英文字体标志logo设计 logo设计模板,logo设计素材,logo设计,英文字体设计,aur 字体设计共享与免费下载网站-素材公社(www.tooopen.com)https://www.tooopen.com/view/318520.html
11.ps怎么设计新年字体?ps文字添加红色渐变圆形效果的技巧ps经常设计各种字体,该怎么给文字添加渐变圆形,做成喜庆的新年字体呢?下面我们就来看看详细的教程。 输入文字 我们用【文字工具】输入“新”的文字。 Adobe Photoshop 2020 v21.2.12.215 ACR14.0 中文版+安装教程 类型:图像处理 大小:1.93GB 语言:简体中文 https://www.jb51.net/photoshop/809574.html
12.字体设计选择题(完整版)125分13. “字体设计”这几个字用的字体是 。 宋体黑体微软雅黑 14. 在环境中的文字,从根本上讲是空间中 。 触觉的引导视觉的引导直觉的引导 15. :笔画如黑体般有力,拐弯处笔画处理细腻,笔画的末端以半圆形收口,整体风格较为委婉。 圆体隶书仿宋体 16. :形态表面的纹理和组织结构。 https://www.wjx.cn/xz/285628354.aspx
13.圆形爱情(RoundLove)字体文件体积 :34k 下载量 :2 众创未来 相关主题 :圆形 爱给网提供海量的字体库资源素材免费下载, 本次作品为ttf 格式的圆形爱情(Round Love), 本站编号79963283, 该字体库素材大小为34k, 该素材已被下载:2次, 更多精彩字体库素材,尽在爱给网。https://www.aigei.com/item/round_love.html
14.AI怎么做字体设计?一个矩形工具就能搞定!一些刚入门的初学者或者对AI有兴趣的小伙伴们大多数情况下都对 AI 工具有一些心理误区,经常会觉得用 AI 做字体设计是很难得一个过程,今天,本文将给大家带来一份详细的 AI(Adobe Illustrator)做字体设计的教程,整体操作过程简单易学,只需要用到矩形工具即可。https://js.design/special/article/how-ai-does-font-design.html
15.字体传奇字体品牌设计师交流网Warning /mnt/wwwroot/www.ziticq.com/public_html/index.php 27 Warning /mnt/wwwroot/www.ziticq.com/public_html/index.php 27 Fatal error /mnt/wwwroot/www.ziticq.com/public_html/index.php 27https://www.ziticq.com/
16.免费圆形Logo设计DesignEvoLogo制作工具DesignEvo的圆形logo设计软件为你提供了丰富的logo模板,帮助你在短时间内制作出多种多样的圆形logo。现在就浏览一下我们为你准备的logo模板,你可以轻松得到极具创意的设计想法并定制出你需要的logo。你还可以使用数百万的图标,上百种艺术字体,还有简单易用的编辑工具,为你的公司,组织,团队等制作出专业的logo。现在就http://www.designevo.com/cn/create/logos/round.html
17.logo设计规范有哪些?logo设计要求是怎样的?我们都知道对齐是版式设计很重要的技巧,其实在标志设计中也经常要用到对齐,例如字体设计,在没规范过的情况下很不严谨,主要是该对齐的地方没对齐。 4.统一 统一在标志设计的很多地方都有体现,比如在标志的字体设计中,同类型的笔画,在粗细和结构上都(如衬线、倒脚等)要统一;图形中的线条粗细、线条间断开的距离也https://www.goobai.com/logoxw/2337.html
18.创建圆形文字LOGO教程本文将指导你设计一个独特的圆形文字LOGO,通过详细步骤教你如何使用特定字体、设置文字位置、创建椭圆以及应用路径文字等技巧,最终完成一个包含Wander Tech和引导文字的创意LOGO。 摘要由CSDN通过智能技术生成 LOGO设计 每一个标志都是独一无二的,它们所代表的含义也是不一样的,我们应该不断学习,不断寻找新的灵感,去https://blog.csdn.net/jiu_ly_99/article/details/106545648
19.字体设计的采集这个是你设计的吗 零度浅尝aspirin:@kGvJgWku你好,是的呀 H瓣、: 漂亮。 再做一次设计: 这个是怎么设计的啊 先是手绘吗? *魔法师*: 是剪纸作品 字体设计采集到中文字体 55 采集 junf1988.diandian.com “革命”字体设计,黑白圆形对比,白色圆革了黑色圆的命,“革命”不再是暴风骤雨,也可以成为这 https://huaban.com/ziti/pins/
20.免费字体下载!一款浪漫的英语圆形非常倾斜的免费手写字体—PinyonPinyon Script是一种浪漫的英语圆形手写字体。Pinyon Script使用高笔划对比度,非常倾斜,最适合在大光学尺寸排版中使用。 字体样式 安装后在PS、AI、word等软件中若找不到该字体,可搜索名字「Pinyon Script」,字体安装方法与常见问题:点击查看 版权许可 根据作者发布字体页面的声明,这款字体完全免费公开,个人和企业都可https://www.mfonts.cn/12281.html
21.学习字体设计前,先补上这份超全面的字体基础知识Hello,大家好,我们在做设计的时候总离不开字体,可是多如牛毛的字库字体里,免费的只有那么几个,难以满足我们的工作需求。铤而走险的话又会容易招到律师函警告,那么怎么办呢?最直接粗暴的方式就是学会字体设计,需要用什么字体就做什么字体,自己动手,丰衣足食。那么学习字体设计应该从哪里开始学呢?今天的这节课,我https://ziyouziti.com/art-5.html