字体设计中的加减法_惠州UI设计
作者:hz_admin02发布时间:2022-06-08分类:惠州计算机学校浏览:1085

设计,是创新的过程,字体设计,尤其是美术字、艺术字的设计,则意味着笔画中要蕴含更多的创新成分。字体笔画中的创新,往往即是“变形”,而笔画的“变形”,很多情况下,是对笔画进行“加法”和“减法”的崭新塑造,今天平面设计培训分享的这篇文章,我们就聊一下字体设计中的“加减法”:
1,笔画中的减法
我们先从减法说起,减法,是指笔画的简化变形和设计,在设计字体时,我都会先把要设计的字体内容,用黑体或宋体字打出来,这样做的目的,是为了方便参照他们的结构和布白,但是,在设计新字体时,很多笔画并不能完全遵循“黑体”或“宋体”这些成熟字形的设计规则,必须做出适当改变,才能让你的字体更美观、耐看。

如上图中的左右对比,放大细节来看,“供付”两字,左侧的“单人旁”和“派”字右上角的平撇,分别是这样设计的:

继续深入对比分析:

通过上图,笔画区域空间的对比(红色部分),我们可以明显看出,未经设计的笔画,其空间明显大于设计之后的笔画,也就是说,经过减法设计之后,字形会显得更加简洁;

请看上图,我们再从另外一个角度继续分析,“单人旁”的原笔画,可以看成是一个交叉笔画,由蓝、黄、红三部分构成,而设计后,则简化成了黄、红两部分,而右侧的“平撇”,原笔画是有弧度的一笔,设计后,虽然还是一笔,但“平撇”变成了纯粹的“横线”,这样的变形并不像“单人旁”的变化那样明显,但由“撇”变“直线”的过程,同样也属于为笔画做减法,为笔画做简化。
综上所述,我们暂且得到以下结论:
为字体做减法,可以是在交叉类笔画中,对笔画的其中一段进行减少、省略、简化,也可以是将原本带有弧度的“撇捺”笔画,设计成为直线的形式。
接下来,我列举更多案例,对上述结论进行验证,同时,我们也可以通过更多案例,逐渐总结出更细致更全面的方法:

在以上5例字体中:
第1例,“魔”字中,其“广字旁”左侧的“竖撇”,经过减法设计之后,变成一条竖线;
第2例,“友”字中,“又”的部分,捺的笔画,在与“撇”交接处的上半部分,经过减法设计之后,被省略掉;
第3例,“视”字中,“见”的部分,下部的“竖撇”,经过减法之后,也变成一条竖线,而在“见”右下角处,“竖弯钩”的笔画,经过减法,变成了“竖弯”,“钩”的部分被省略掉;
第4例,“宅”字中,和第3例一样,也属于“竖弯钩”笔画的减法省略;
第5例,“针”字中,“金字旁”左上角,“撇”和“横”的交接处,“撇”的下半部,同样也被减掉。
常用中文字体有3500多个,我们不可能写出所有字体的“减法”设计方法,但是根据我刚才的举例,根据我过往的设计经验,为笔画做“减法”,以下三种情形最为常见:

以上图示虽然简单,但类似的笔画和结构却有很多,学会举一反三,触类旁通,很多偏旁部首和笔画的设计都会变得轻松起来。
2,笔画中的加法
讲完“减法”之后,我们说“加法”,顾名思义,“加法”,和“减法”相反,是对笔画的繁复化设计处理,简单来讲,是把一个笔画变成两个或三个笔画,甚至更多笔画。当然,笔画的“加减”,不是为了改变而改变,是为了让字体更加美观,更加舒适,更有设计感。
现在,我们还是拿一例字体进行引导和讲解:

在上图中,只看黄色标注笔画,放大细节后进行左右对比,是这样的:

将倾斜的“点”或“撇”,进行“加法”变形之后,笔画由一笔变两笔,同时,也会更加平稳、可靠。
在字体笔画中,这样的“加法”非常普遍,例如,“合、企、金、众”等字中,均包含“人字头”的设计,而“人字头”的部首,就经常这样设计:

一撇一捺,两笔画组成的“人字头”,在上部添加横线或类似横线的线条之后,就会变得别致起来,拥有了鲜明的设计感,同时,由两笔组成的三角形结构,变成了类似于梯形的结构:

左图,是撇捺组成的三角形结构,其左上角和右上角(蓝色三角形)部分,空间较大,说明其布白空间大,笔画本身显空;而右图,在撇捺之间,加了横线进行过渡之后,其左上角和右上角(蓝色三角形)部分,明显收缩,布白空间迅速变小,笔画部分也就显满;满,相对于空,会给人更踏实可靠的感觉。
再看另一个细节,左图,红色三角形所指部分,即撇捺的交接点,此处笔画是尖角形式,显锋利;而右图,红色三角形所指部分,即所加横线部分,笔画是水平形式,显平和。那么,很显然,平和的笔画,会呈现出更舒缓更亲切的感觉。
根据这个道理,我们再拿几个常用的偏旁部首进行举例佐证:

在上图四例偏旁的设计中,均是将原先笔画进行了“加法”设计,原笔画本来是一笔,“加法”之后,都变成了两笔的转折形式。经过这样的处理之后,笔画就会变得更加平稳可靠了。
现在,我们再次用完整的商业字形案例进行解释和补充:

上图几例案例,右侧的设计字形中,蓝色标注笔画,都是经过了“加法”设计,在“撇”、“捺”、“点”的笔画里,以及“撇”和“横”的交接笔画里,这样的设计处理,非常实用。和之前的“减法”有所区别,给笔画做“加法”,其变形方式和规律是大体类似的,于是,我们得到这样一个结论:
为笔画做“加法”设计,大多数情况下,是为“撇、捺、点”等笔画进行横线或竖线的添加,从而达到字形更加平稳、耐看,更有设计感的效果。
总结
字体设计方法,或笔画设计方法,有无数种思路和角度,不同设计师进行总结,会得到不同的结论,在这里,笔画的“加减”,只是我从单个笔画进行分析,所得到的两种简单实用的设计技巧,文中的分类和总结,来自于本人有限的设计经验,一定会有缺漏之处,希望其他有经验的设计师和老师进行留言补充,我会认真倾听和改正。
我并非科班出身,对偏理论或偏官方的内容没有太多研究,所以我只能选择这种简单粗暴的方式,把我的方法告诉大家,也许,这样的口吻和表述,会更容易理解一些,尤其是对于初学者而言。
点击咨询直接了解更多相关资料,我在惠州北大青鸟新方舟等你。
本文内容转载自网络,版权归原作者所有,如有侵权请联系我们进行删除。
标签:惠州计算机软件培训惠州计算件软件开发惠州计算机软件基础惠州计算机UI设计软件开发惠州UI设计培训学校惠州UI设计培训UI设计基础教程UI设计是什么UI设计教程UI设计入门UI设计培训
- 上一篇:ps简单抠图技巧魔术棒快速抠图
- 下一篇:如何完美设计搜索功能_惠州UI设计
- 惠州计算机学校排行
- 标签列表
-
- Java (3694)
- 北大青鸟 (3713)
- 软件开发 (3613)
- JAVA (3413)
- UI设计入门 (2093)
- 惠州北大青鸟 (4375)
- 惠州IT培训 (2558)
- UI设计培训 (2090)
- 惠州UI设计培训 (2095)
- 惠州UI设计培训学校 (2090)
- 惠州计算机软件培训 (6260)
- 惠州计算件软件开发 (6260)
- 惠州计算机软件基础 (6261)
- 惠州计算机JAVA培训 (3574)
- 惠州计算机Java软件开发 (3620)
- 惠州计算机JAVA软件开发 (4645)
- 惠州计算机JAVA软件开发学校 (3338)
- 惠州计算机Java软件开发培训 (3338)
- 北大青鸟IT计算机学校 (5048)
- 北大青鸟IT软件学校 (5062)
- 北大青鸟IT学校 (5059)
- 惠州计算机UI设计软件开发 (2088)
- UI设计基础教程 (2088)
- UI设计是什么 (2088)
- UI设计教程 (2088)
- 网站分类
-
- 计算机教程
- 计算机入门
- 职业学校
- 新闻动态
- 专业课程
- 热门技术
- SEO
- 培训教程
- windows
- linux教程
- 系统集成
- 网站开发
- Html5
- 办公软件
- 师资力量
- 热点问答
- 联系我们
- 计算机学校
- 惠州计算机学校
- 河源计算机学校
- 广州计算机学校
- 深圳计算机学校
- 湛江计算机学校
- 佛山计算机学校
- IT计算机培训信息
- 设计专业
- UI
- 影视特效
- 游戏动漫设计
- Photoshop
- AI设计
- 软件教程
- Java技术
- C语言/C++语言培训
- C#
- Python技术
- PHP
- 数据库
- SQL Server
- 网络教程
- 网络安全
- 网络营销
- 软件专业
- 大数据专业
- 前端开发专业
- 软件测试专业
- Python专业
- 软件实施
- 珠海计算机学校
- 初中生学什么好
- 计算机认证
- 文章归档
-
- 2025年2月 (26)
- 2024年12月 (15)
- 2024年11月 (45)
- 2024年10月 (32)
- 2024年9月 (29)
- 2024年8月 (68)
- 2024年7月 (59)
- 2024年6月 (43)
- 2024年5月 (48)
- 2024年4月 (80)
- 2024年3月 (65)
- 2024年2月 (54)
- 2024年1月 (25)
- 2023年12月 (12)
- 2023年11月 (73)
- 2023年10月 (134)
- 2023年9月 (34)
- 2023年8月 (3)
- 2023年7月 (3)
- 2023年6月 (12)
- 2023年5月 (30)
- 2023年4月 (72)
- 2023年3月 (11)
- 2023年2月 (34)
- 2023年1月 (37)
- 2022年12月 (78)
- 2022年11月 (359)
- 2022年6月 (1193)
- 2022年5月 (570)
- 2022年4月 (1567)
- 2022年3月 (982)
- 2022年2月 (54)
- 2022年1月 (182)
- 2021年9月 (308)
- 2021年8月 (1704)
- 2021年7月 (2423)
- 2021年6月 (1806)
- 2021年5月 (1569)
- 2021年4月 (1380)
- 2021年3月 (1255)
- 2021年2月 (709)
- 2021年1月 (1521)
- 2020年12月 (3626)
- 2020年11月 (1646)
- 2020年10月 (1046)
- 2020年9月 (592)
- 最近发表
-
- 清远信息:南粤春暖共赴就业新征程清远市举办春季大型招聘活动|||计算机培训学校招生
- 江门信息:为什么要参加企业养老保险DeepSeek告诉你|||大学生计算机培训学校
- 东莞信息:香港劳工及福利局等代表团莅临东莞共促区域人才交流合作新发展|||大学生计算机培训学校
- 东莞信息:莞城街道2025年春风行动暨零工市场招聘活动|||计算机网络培训学校
- 汕头信息:招聘会开进高铁站汕头市南粤春暖专场招聘助力开门红|||计算机网络培训学校
- 江门信息:2025年江门市就业创业政策汇总|||广州计算机软件培训
- 梅州信息:2025年春暖梅州助力稳就业惠民生促发展现场招聘活动|||中专学计算机平面设计女生可以学计算机网络技术好吗
- 湛江信息:2024年乡村振兴人才驿站活动回顾之二赤坎篇|||中专学计算机平面设计女生可以学计算机网络技术好吗
- 汕头信息:新春送岗就在汕头!2025年首场就业洽谈会邀您参加内附参会企业名单|||广州计算机编程培训
- 茂名信息:150企业10000高薪好岗!茂名人社新春大型现场招聘会年初十盛大启幕!内附企业岗位名单|||计算机网络培训学校