超全面!这可能是最完整的字体设计基础知识! - 优设网 - UISDC

超全面!这可能是最完整的字体设计基础知识!

2018/12/19 46012评论 9

@钱浩Hawking :近些年,字体设计越来越火热,很多小伙伴急于求成跳过了汉字基础知识的学习,直接上手做起了字体设计,很多基础性的错误越来越常见。这也是我写这篇文章的初衷,希望对初学者有所帮助。

文章目录

  1. 汉字的发展简史
  2. 字体基本笔划
  3. 字体基本常识
  4. 永字八法
  5. 字体间架结构
  6. 字形的错视
  7. 字形的大小调整
  8. 笔划粗细的调整
  9. 重心的调整
  10. 第二中心线
  11. 通用字形
  12. 从临摹到创造
  13. 通用字形学习方法
  14. 宋体字与黑体字学习方法
  15. 字库字体细节赏析

汉字的发展简史

通过图文的形式直观的了解下汉字的发展史。

字体基本笔划

宋体字作为示范例子:

字体基本常识

以「井」字为例,如下图:

永字八法

所谓「永字八法」,传说是僧智永将王羲之兰亭序里的第一个字「永」的情态分为侧、啄、磔(zhé)、努、勒、策、掠、趯(yuè)最基本的笔划动作,作为学习书法的实例。因此永字八法可以作为初学书法结构的标准,尤其在汉字的字体设计中,可用来研究各种文字的构成,从而制作出美好的字态。

字体间架结构

汉字的种类众多,笔划有多也有少,空间的排布就尤为重要。

字体的间架结构可分为两类:

1. 独体字

2. 合体字

字形的错视

视觉心理是很奇妙的,因而为我们所运用,然而,文字中笔划的粗细、长短、方向、位置等会产生不和谐不平衡的现象,因此要做一些细微的调整。

1. 线粗细的错视

左侧为横竖两个笔划,他们是等宽的两笔,仔细观察可以发现在视觉上横画要比竖画宽一些。所以,为了达到视觉上的等宽,工字的竖画要加宽一些。

2. 正方形的错视

通常做一个正方形的字,会将字面框定位正方形,但是做出来的字在视觉上却是长方形的。所以,想要做成正方形的字,字面框要将正方形压扁一点。

3. 垂直分割线的错视

两条粗细、长短相同的线段,垂直平分为T字形,其中被分割的线段,在视觉上要显得短一些。所以,要将竖线缩短一些。(例如:上、下字形)

4. 水平线被二等分的错视

一条线段被二等分后,在视觉上左侧要比右侧长一些。所以,为了达到视觉上的等分,分割点要左移一些。(例如:十、大字形)垂直线的二等分也是同样的道理。

5. 横竖线的错视

下列两组线条,一横一竖,所形成的正方形是一样大小的,但是,在视觉上横线一组显得瘦高,竖线一组则显得扁矮。这也是为什么「王」「川」会这样调整的原因。

字形的大小调整

汉字的字形众多,但有些字形在视觉上会产生大小的变化,因此,要对症下药。

下图为未作调整的字形简图:

调整后的字形简图:

实例如下:

笔划粗细的调整

我们设计字体时都要在相同的字格中进行,无论笔划的多少都要写在格中,为了达到黑白空间的平衡。那么,就有了笔划粗细问题和布白的问题。字形粗细处理原则:

1. 横细竖粗

上文视错中详细介绍了原因,在视觉习惯上要求横细竖粗。

2. 主粗副细

多笔划的字切记平均等粗,应主次分明,主笔粗,副笔细。

3. 外粗内细

内包的字一般都是以外粗内细的方法来处理,围笔划的粗细,要保持在基础笔划的黑度。与三结合多笔划的字中间要减细。

4. 疏粗密细

对疏密不均匀的组合结构字,需疏粗密细的做加减法,要密不拥挤,疏不薄感。

5. 交叉减细

凡横竖撇捺交叉的字,交叉点会显得特别黑,需做减细的处理。

重心的调整

提到重心就要引出与其相对应的名词,叫做中心。中心指的是字幅框几何中心的交点,它是实际存在的点,我们在设计字的时候通常以中心来调整字重心的位置,而不是将二者混为一谈。(如下图)

通常重心要比中心略高些,在设计字体时,不同的重心又会赋予字形不同的性格。重心高的字有轻、瘦、雅的感觉,重心低的字有稳、厚、拙的印象。

下图实例,提醒大家设计字体时重心要保持平稳,不要忽高忽低。

第二中心线

谢培元在1962年从实际工作当中归纳总结的。任何形声组合字或复合结构的字都是可以找到两条中心线的,这两条中心线可以帮助我们在设计时快速的确定部件的位置。形旁和声旁这两个部件的中心距离越大,字面就越大,反之,字面就越小。这是掌控形声组合字或复合结构字大小的一个有效工具。

通用字形

「通用字形」这个概念是在迟同斌(开心老头)老师的书中提及的,它的特点如下图所示:

其实原理就是将笔划外空间缩小从而放大中宫,那么中宫指的是汉字笔划围成的空间,下图以九宫格的形式展示出中宫大的好处,A要比B舒展些,B显得紧凑些,随着从大到小的变化,舒展和紧凑的感觉会增加。

近些年这种字形越来越常见,设计师也频繁使用这种字形,字体公司也不断推出这种结构的字体,虽然他们在体饰上各不相同,但结构原理都是相同的。

从临摹到创造

大家都知道人类是世界上最善于模仿的动物,人类的最初知识,也是从模仿中得来的,我们可以说模拟是求知,因此,学习字体设计也唯有从临摹入手了。例如日本这个国家,就是一个非常善于学习、临摹的国家,他们的文字、茶艺都是学习我们国家的,尤其是字体设计中的宋体类(日本称之为明朝体),可以说起源于中国兴盛于日本,可见学习、临摹的重要性。

通用字形学习方法

通用字形只需要掌握结构骨架就可以,体饰可以加入自己的想法。

宋体字与黑体字学习方法

使用日本森泽字体公司原稿网格从画骨架、勾轮廓、填黑的方式临摹宋体字,这种网格的优势在于很好的定位笔划的位置,而且临摹宋体字既能对宋体字的结构与笔划特征深入理解,又能对曲线的弹性与调整方法有所理解。(下图宋体字为小塚宋体等宽)

根据笔划结构整理出下面的临摹字样,供大家临摹使用。

下图为森泽字体公司的黑体草稿:

字库字体细节赏析

细节决定了字体的优美与否(下图为方正兰亭圆体)。

啰嗦了这么多,大伙应该对字体有了重新的认识。基础性的问题再出现,应该不难发现了吧?下图的几组字体的问题,你看出来了吗?下图案例来源于网络。

参考:

  • 《文字造形》魏朝宏
  • 《中国字体设计人:一字一生》廖洁连
  • 《治字百方》左佐
  • 《设计师的自我修养》左佐
  • 《字体设计定位于通用字形》迟同斌(笔名:开心老头)
  • 《方正字体设计PPT》黄学钧

欢迎关注作者的微信公众号:「字游工坊」

「更多字体设计教程」

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/basic-knowledge-of-font-design

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

设计师干货 扁平化设计 版式设计 交互设计师 界面设计 排版布局 优设大课堂 职场 优设专访 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 用户体验设计 设计趋势 设计规范 海报设计 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里