更多课程 选择中心


UI培训

400-111-8989

UI培训

  • 首  页
  • 培训课程
  • 授课讲师
  • 视频教程
  • 开班盛况
  • 合作企业
  • 达内介绍
  • 联系达内
  • UI 教程
  • UI 问答
  • UI 职场
  • UI 面试
UI培训 >  UI教程 

字体设计中的加减法,看这一篇就够了!

  • 发布: UI培训
  • 来源: UI教程
  • 时间:2017-09-19 14:51

【字体设计中的加减法,看着一篇就够了】

免责声明:本文授权转自「刘兵克字体设计」版权归原作者所有,如有侵权请联系我们进行告知

设计,是创新的过程,字体设计,尤其是美术字、艺术字的设计,则意味着笔画中要蕴含更多的创新成分。字体笔画中的创新,往往即是“变形”,而笔画的“变形”,很多情况下,是对笔画进行“加法”和“减法”的崭新塑造,今天 平面设计培训分享的这篇文章,我们就聊一下字体设计中的“加减法”:

1,笔画中的减法

我们先从减法说起,减法,是指笔画的简化变形和设计,在设计字体时,我都会先把要设计的字体内容,用黑体或宋体字打出来,这样做的目的,是为了方便参照他们的结构和布白,但是,在设计新字体时,很多笔画并不能完全遵循“黑体”或“宋体”这些成熟字形的设计规则,必须做出适当改变,才能让你的字体更美观、耐看。

【字体设计中的加减法,看着一篇就够了】

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

【字体设计中的加减法,看着一篇就够了】

继续深入对比分析:

【字体设计中的加减法,看着一篇就够了】

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

【字体设计中的加减法,看着一篇就够了】

请看上图,我们再从另外一个角度继续分析,“单人旁”的原笔画,可以看成是一个交叉笔画,由蓝、黄、红三部分构成,而设计后,则简化成了黄、红两部分,而右侧的“平撇”,原笔画是有弧度的一笔,设计后,虽然还是一笔,但“平撇”变成了纯粹的“横线”,这样的变形并不像“单人旁”的变化那样明显,但由“撇”变“直线”的过程,同样也属于为笔画做减法,为笔画做简化。

综上所述,我们暂且得到以下结论:

为字体做减法,可以是在交叉类笔画中,对笔画的其中一段进行减少、省略、简化,也可以是将原本带有弧度的“撇捺”笔画,设计成为直线的形式。

接下来,我列举更多案例,对上述结论进行验证,同时,我们也可以通过更多案例,逐渐总结出更细致更全面的方法:

【字体设计中的加减法,看着一篇就够了】

在以上5例字体中:

第1例,“魔”字中,其“广字旁”左侧的“竖撇”,经过减法设计之后,变成一条竖线;

第2例,“友”字中,“又”的部分,捺的笔画,在与“撇”交接处的上半部分,经过减法设计之后,被省略掉;

第3例,“视”字中,“见”的部分,下部的“竖撇”,经过减法之后,也变成一条竖线,而在“见”右下角处,“竖弯钩”的笔画,经过减法,变成了“竖弯”,“钩”的部分被省略掉;

第4例,“宅”字中,和第3例一样,也属于“竖弯钩”笔画的减法省略;

第5例,“针”字中,“金字旁”左上角,“撇”和“横”的交接处,“撇”的下半部,同样也被减掉。

常用中文字体有3500多个,我们不可能写出所有字体的“减法”设计方法,但是根据我刚才的举例,根据我过往的设计经验,为笔画做“减法”,以下三种情形最为常见:

【字体设计中的加减法,看着一篇就够了】

以上图示虽然简单,但类似的笔画和结构却有很多,学会举一反三,触类旁通,很多偏旁部首和笔画的设计都会变得轻松起来。

2,笔画中的加法

讲完“减法”之后,我们说“加法”,顾名思义,“加法”,和“减法”相反,是对笔画的繁复化设计处理,简单来讲,是把一个笔画变成两个或三个笔画,甚至更多笔画。当然,笔画的“加减”,不是为了改变而改变,是为了让字体更加美观,更加舒适,更有设计感。

现在,我们还是拿一例字体进行引导和讲解:

【字体设计中的加减法,看着一篇就够了】

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

【字体设计中的加减法,看着一篇就够了】

将倾斜的“点”或“撇”,进行“加法”变形之后,笔画由一笔变两笔,同时,也会更加平稳、可靠。

在字体笔画中,这样的“加法”非常普遍,例如,“合、企、金、众”等字中,均包含“人字头”的设计,而“人字头”的部首,就经常这样设计:

【字体设计中的加减法,看着一篇就够了】

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

【字体设计中的加减法,看着一篇就够了】

左图,是撇捺组成的三角形结构,其左上角和右上角(蓝色三角形)部分,空间较大,说明其布白空间大,笔画本身显空;而右图,在撇捺之间,加了横线进行过渡之后,其左上角和右上角(蓝色三角形)部分,明显收缩,布白空间迅速变小,笔画部分也就显满;满,相对于空,会给人更踏实可靠的感觉。

再看另一个细节,左图,红色三角形所指部分,即撇捺的交接点,此处笔画是尖角形式,显锋利;而右图,红色三角形所指部分,即所加横线部分,笔画是水平形式,显平和。那么,很显然,平和的笔画,会呈现出更舒缓更亲切的感觉。

根据这个道理,我们再拿几个常用的偏旁部首进行举例佐证:

【字体设计中的加减法,看着一篇就够了】

在上图四例偏旁的设计中,均是将原先笔画进行了“加法”设计,原笔画本来是一笔,“加法”之后,都变成了两笔的转折形式。经过这样的处理之后,笔画就会变得更加平稳可靠了。

现在,我们再次用完整的商业字形案例进行解释和补充:

【字体设计中的加减法,看着一篇就够了】

上图几例案例,右侧的设计字形中,蓝色标注笔画,都是经过了“加法”设计,在“撇”、“捺”、“点”的笔画里,以及“撇”和“横”的交接笔画里,这样的设计处理,非常实用。和之前的“减法”有所区别,给笔画做“加法”,其变形方式和规律是大体类似的,于是,我们得到这样一个结论:

为笔画做“加法”设计,大多数情况下,是为“撇、捺、点”等笔画进行横线或竖线的添加,从而达到字形更加平稳、耐看,更有设计感的效果。

总结

字体设计方法,或笔画设计方法,有无数种思路和角度,不同设计师进行总结,会得到不同的结论,在这里,笔画的“加减”,只是我从单个笔画进行分析,所得到的两种简单实用的设计技巧,文中的分类和总结,来自于本人有限的设计经验,一定会有缺漏之处,希望其他有经验的设计师和老师进行留言补充,我会认真倾听和改正。

我并非科班出身,对偏理论或偏官方的内容没有太多研究,所以我只能选择这种简单粗暴的方式,把我的方法告诉大家,也许,这样的口吻和表述,会更容易理解一些,尤其是对于初学者而言。

总之,希望这篇文章对大家有所提示,我的字体设计文章和教程,会不定期在订阅号进行更新,感谢大家的支持!

预约申请免费试听课

填写下面表单即可预约申请免费试听! 怕学不会?助教全程陪读,随时解惑!担心就业?一地学习,可全国推荐就业!

上一篇: 作为UI设计师,应该如何完美设计搜索功能?
下一篇: ps简单抠图技巧魔术棒快速抠图教程

浅谈设计中的加载

平面设计中的印刷知识与印刷尺寸

教你如何把手机里的自拍照片转成手绘照

如何将品牌基因融入到产品设计中?

  • 达内
  • 达内课堂
  • 少儿编程
  • 达内高手
  • 英才添翼

关于达内

达内简介 联系我们 隐私声明 法律公告 业务合作

其他服务

培训证书查询 投诉与建议

投诉邮箱

tousu@tedu.cn

客服电话

400-111-8989
  • 扫码领取资料

    回复关键字:视频资料

    免费领取 达内课程视频学习资料

Copyright © 2023 Tedu.cn All Rights Reserved 京ICP备08000853号-56 京公网安备 11010802029508号 达内时代科技集团有限公司 版权所有

选择城市和中心
北京

  • 达内北京中心
  • 达内北京魏公村中心
黑龙江省

  • 达内哈尔滨哈西中心
  • 达内大庆中心
吉林省

  • 达内长春中心
  • 达内长春亚泰中心
辽宁省

  • 达内沈阳中心
  • 达内大连中心
内蒙古

  • 达内呼和浩特中心
天津

  • 达内天津滨海中心
  • 达内天津长宏中心
  • 达内天津广开中心
河北省

  • 达内河北中心
  • 达内石家庄先天下中心
山西省

  • 达内太原龙城中心
  • 达内晋中中心
  • 达内运城中心
陕西省

  • 达内西安高新中心
  • 达内西安省体中心
山东省

  • 达内济南山大路中心
  • 达内济南大明湖中心
  • 达内青岛山东路中心
  • 达内烟台海港路中心
  • 达内潍坊中心
  • 达内临沂中心
  • 达内青岛CBD中心
  • 达内青岛西海岸中心
  • 达内青岛城阳中心
河南省

  • 达内郑州东风路中心
  • 达内郑州嵩山路中心
  • 达内郑州金水路中心
  • 达内南阳卧龙中心
江苏省

  • 达内南京总统府中心
  • 达内南京新街口中心
  • 达内南京软件谷中心
  • 达内南京明故宫中心
  • 达内南京常府街中心
  • 达内苏州南门中心
  • 达内苏州园区中心
  • 达内苏州石路中心
  • 达内无锡宝龙中心
  • 达内无锡恒隆中心
  • 达内徐州中心
安徽省

  • 达内合肥三孝口中心
  • 达内芜湖中心
  • 达内蚌埠中心
上海

  • 达内上海陆家嘴中心
  • 达内上海人民广场中心
  • 达内上海徐家汇中心(童程童美)
  • 达内上海浦东中心(童程童美)
  • 达内上海长寿路中心(童程童美)
湖北省

  • 达内武汉光谷中心
  • 达内武汉鲁广中心
四川省

  • 达内成都钻石中心
  • 达内成都锦江中心
重庆

  • 达内重庆中心
湖南省

  • 达内长沙中心
  • 达内长沙松桂园中心
江西省

  • 达内南昌人民公园中心
浙江省

  • 达内杭州黄龙中心
  • 达内华东大学生实训基地
  • 达内杭州中心
  • 达内宁波中心
  • 达内温州中心
  • 达内金华中心
贵州省

  • 达内贵阳中心
福建省

  • 达内福州金山中心
  • 达内厦门湖滨南中心
  • 达内福州鼓楼中心
云南省

  • 达内昆明中心
  • 达内昆明五一路中心
广西省

  • 达内南宁中心
广东省

  • 达内深圳地王中心
  • 达内华南大学生实训基地
  • 达内广州体育东中心
  • 达内深圳宝安体育馆中心
  • 达内深圳童程童美中心
  • 达内珠海中心
  • 达内东莞南城中心
  • 达内东莞东城中心
  • 达内佛山中心
海南省

  • 达内海南中心
台湾

  • 达内台北中心

聚圣源八字起名测量分公司培训计划方案开店名字如何起配菜公司起名大全追随者游戏起什么名字霸气都姓马宝宝起名开店起名奇隆人类命运共同体的内涵房产中介公司起名霸气又好玩又内存小的小黄油游戏江上渔者古诗魔法俏佳人第三季药材的名字起名以工程机械公司起名姓宁得起名字山东电视台在线直播与女同事姓蒋女儿起名五金电器店起名小标宋字体下载我必须起名网姓马什么宝宝起名大全辽宁号舰载机完美盗贼叠字起名字退后让为师来姓梅有诗意起名新年诗词招聘公司起什么名字好淀粉肠小王子日销售额涨超10倍罗斯否认插足凯特王妃婚姻让美丽中国“从细节出发”清明节放假3天调休1天男孩疑遭霸凌 家长讨说法被踢出群国产伟哥去年销售近13亿网友建议重庆地铁不准乘客携带菜筐雅江山火三名扑火人员牺牲系谣言代拍被何赛飞拿着魔杖追着打月嫂回应掌掴婴儿是在赶虫子山西高速一大巴发生事故 已致13死高中生被打伤下体休学 邯郸通报李梦为奥运任务婉拒WNBA邀请19岁小伙救下5人后溺亡 多方发声王树国3次鞠躬告别西交大师生单亲妈妈陷入热恋 14岁儿子报警315晚会后胖东来又人满为患了倪萍分享减重40斤方法王楚钦登顶三项第一今日春分两大学生合买彩票中奖一人不认账张家界的山上“长”满了韩国人?周杰伦一审败诉网易房客欠租失踪 房东直发愁男子持台球杆殴打2名女店员被抓男子被猫抓伤后确诊“猫抓病”“重生之我在北大当嫡校长”槽头肉企业被曝光前生意红火男孩8年未见母亲被告知被遗忘恒大被罚41.75亿到底怎么缴网友洛杉矶偶遇贾玲杨倩无缘巴黎奥运张立群任西安交通大学校长黑马情侣提车了西双版纳热带植物园回应蜉蝣大爆发妈妈回应孩子在校撞护栏坠楼考生莫言也上北大硕士复试名单了韩国首次吊销离岗医生执照奥巴马现身唐宁街 黑色着装引猜测沈阳一轿车冲入人行道致3死2伤阿根廷将发行1万与2万面值的纸币外国人感慨凌晨的中国很安全男子被流浪猫绊倒 投喂者赔24万手机成瘾是影响睡眠质量重要因素春分“立蛋”成功率更高?胖东来员工每周单休无小长假“开封王婆”爆火:促成四五十对专家建议不必谈骨泥色变浙江一高校内汽车冲撞行人 多人受伤许家印被限制高消费

聚圣源 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化