变体美术字设计手册

导语 | 变体美术字设计是字体设计里重要的一部分,因为其的多变性极高,相较于字库字体,变体美术字 给人们的印象更为深刻;这篇文章从定义,类别,基本笔画,笔画形状,创造·改造变体美术字出发,带大家初步认识一下变体美术字的奇妙;自己的经验有限,如有说的不好之处欢迎大家补充。

作为视觉设计师,我们是不是经常遇到这种问题?

其实有时候解决这种问题很简单,你只需要对字体进行正确的处理,可能世界都不一样了。

画面的整体感觉和很多因素都相关,比如颜色,细节的小元素等等,这些都是影响画面感的重要因素,关于氛围的打造,已经有很多的文章去说明了,这里不多说。这一次,我们一起来看看变体美术字设计的魔力。

下面,我们一起来看看变体美术字的奇妙之处吧。首先来看看早期的字体分类。

早期的字体分类

最早的字体分为活字字体和美术字体两大类,活字字体是最早的印刷字体,美术字体则是目前我们接触到的所有字体(含有黑体,宋体,书法体,变体)。

变体美术字是什么

变体美术字属于美术字体一类,是经由宋体、黑体、书法这些基本字体变化而来,它可以是黑体、宋体、书法体,也可以是其中两种或三种字体的结合变形。

随着字体的发展,变体字也产生了许多字库,像造字工房,方正,汉仪,文鼎,蒙纳这些专门的字体设计公司已经有很多变体字的字库了。

注意:书法文化底蕴要求高,真正掌握的人不多,经常以照搬某人书法体的形式出现。

想了解变体美术字,必须翻越三座大山

在变体美术字这一类字体里,有三座大山是需要我们去翻越的,分别是:类别,基本笔画和形状,创造 · 改造。无论是想了解或者创造变体美术字,这都是敲开变体美术字大门最基础的工具。

一. 变体美术字的类别

从上面我们知道,变体美术字是经由宋体、黑体、书法这些基本字体变化而来,那么它的类别自然也来于这些基本字体,大致可以分四类:似黑体变体字,似宋体变体字,混合体变体字,书法体变体字。

二. 汉字的基本笔画和笔画形状

笔画是汉子的最小构成单位,也是变体字设计中的核心,我们从汉字的基本笔画和汉字的笔画形状入手来了解变体美术字。

1. 汉字的基本笔画

汉字的基本笔画即「永」 字的八笔画,这是基于「永」 字八法产生的,它是古代书法家练习楷书的运笔技法,因为「永」 字的笔画每笔各有特色,而又互相呼应,故可将其作为评判楷书水平的标准,同时也是评判一个字体的基础标准。

这里的八种笔画是可以组织在一起产生出新的笔画的,如下图:横钩,横折钩,横折弯钩,竖折,竖弯钩,横折提,竖折撇,竖弯钩等等都是由基本笔画衍生出来的。

2. 汉字的笔画形状

汉字的笔画形状主要是指笔画在起笔、收笔以及折处的特点,有「方、尖、圆、曲线」四种,曲线是比较特殊,它的起笔、收笔可以是 「方尖圆」,但它的笔画结构一定会产生扭曲变形。学会辨别汉字的笔画形状对之后 「看」 或者「做」变体美术字都是很重要的。

注意:不要被某些笔画本身的特点误导,为了更容易理解,举个英文的例子。

从汉字的基本笔画和笔画形状入手进一步了解变体美术字。

三. 变体美术字的四种类别

1. 似黑体变体字(最常见的一类)

为了更好展示似黑体变体字的基本笔画和笔画形状,将其小类转化为表格,并都以「永」 字来示意。此处示意的「永」 字都是由最常规的笔画形状拼凑而来,另外在笔画形状的子类目里增加了「粗细」维度,因为字体的「粗细」会直观影响人们对字体的感觉和认识。

似黑体变体字的第一个小类:

似黑体变体字——「方」的基本笔画和最常规的笔画形状:

基本笔画和笔画形状的发散——改变「方」的视觉表现

我们知道上图中展示的 「永」字是最常规的笔画形状,我们可以通过一些视觉方法来改变「方」 的表现,比如倾斜,旋转,裁切等等。改变完之后你可以得到很多新的笔画形状(以笔画 “丨” 为例),比如:

「方」的基本变体字字形

正因上面这些发散,产生了许多基本变体字字形(以 “永” 字为例),如下:

「方」的变体字字库:

「方」的笔画粗细

值得注意的是,字的粗细的不同,给人的印象也不一样,在「方」这类这里尤为明显,如下:

来个例子消化一下(改个字体,感觉世界都不一样了):

似黑体变体字的第二个小类

似黑体变体字——「尖」基本笔画和最常规的笔画形状

基本笔画和笔画形状的发散——改变 「尖」的视觉表现

原理与做法上面交代过了,不多说了,直接看改变完之后得到的很多新笔画形状(以笔画 “丨” 为例):

「尖」的基本变体字字形

「尖」的基本变体字字形,绝大多数都是由「方」微变形而来(以 “永” 字为例),关于「尖」这一类,我们很多时候只用几笔,如:

「尖」的变体字字库

同样,「尖」的变体字也有字库,只不过 「尖」的字库字体少之又少,如下:

「尖」的笔画粗细

因为「尖」 的细体字笔画变化在字形表现中过于微妙,出现的极少,这类字给人的印象以粗的「尖」 为主,其实就是在粗的 「方」基础上增加了冲动与刺激感。

来个例子消化一下:

似黑体变体字的第三小类

似黑体变体字 ——「圆」基本笔画和最常规的笔画形状

基本笔画和笔画形状的发散——改变 「圆」的视觉表现

同样,直接看改变完之后得到的很多新笔画形状(以笔画 “丨” 为例):

「圆」的基本变体字字形与字库

由于笔画形状的发散,「圆」的变体字也产生了基本字形和字库,如下):

「圆」的笔画粗细

在「圆」这一类里,字体粗细的不同,除了粗细本身呈现的感觉,给人的印象区分不是很大,只是粗的更为明显,如下:

来个例子消化一下:

似黑体变体字的第四小类

似黑体变体字——「曲线」基本笔画和最常规的笔画形状

基本笔画和笔画形状的发散——改变「曲线」的视觉表现

同样,直接看改变完之后得到的很多新笔画形状(以笔画 “丨” 为例):

「曲线」的基本变体字字形与字库

由于笔画形状的发散,「曲线」的变体字也产生了基本字形和字库,如下:

「曲线」的笔画粗细

「曲线」本身是比较特别的,在 「曲线」这一类里,字体给人的印象和粗细关系并不大,基本上给人的感觉就是以下几种:

来个例子消化一下:

以下是第一类——似黑体变体美术字所有的基本笔画以及最常规的笔画形状集合表。(记住这张基础的表格,对以后的设计工作会有奇效)

特别强调:请谨记这三点。

现在的你看到下面的这些字体设计是否恍然大悟?

2. 似宋体变体字

似宋体变体字——「方、尖、圆、曲线」的基本笔画和最常规的笔画形状

这里就不一一展示每个小类了,我们直接来看似宋体变体字的所有基本笔画和最常规的笔画形状集合:

基本笔画和笔画形状的发散——改变「方、尖、圆、曲线」的视觉表现

直接看改变完之后得到的新笔画形状吧(以笔画 “丨” 为例):

「方、尖、圆、曲线」的基本变体字字形与字库

同样,由于笔画形状的发散,似宋体变体字也产生了基本字形和字库,如下:

方、尖、圆、曲线」 的笔画粗细

在似宋体变体字这一类里,字体给人的印象和粗细关系并不大,只是粗的更厚重,细的更轻盈。

来个例子消化一下:

3. 混合体变体字

顾名思义混合体就是似黑体和似宋体的交集,混合的地方主要是笔画的起笔收笔或折处。(也可以理解成你判断不出来的类型就是混合体)

如下,看个例子你会更明白。

里面的类目就不一个个说了,分析的方法和流程和似黑体变体字、似宋体变体字一致,这里只告诉大家混合体变体字应该注意的点在哪里,相信大家自己能理解。

4. 书法体变体字

书法文化底蕴要求高,真正掌握的人不多,经常以照搬书法的形式出现,一般都是某人书法体之类。

了解了变体美术字类别,基本笔画和笔画形状后,我们来看看如何让它变的更不一样。

四. 创造 · 改造变体美术字的10 种基本方法

这一步是创造笔画或在原有笔画基础上对字体的笔画的细节进行改变,这里向大家介绍 4 种笔画创作的方法和 6 种改变已有笔画细节的方法。

创造 · 改造之前,请大家注意这两点,如果没有弄清楚这两点,你做的视觉效果再好都没有用。

以下是本次要介绍的 10 种基本方法,这些方法可以单独使用,也可以结合使用。

当然,在这个过程中字体的排列方式也很重要,什么样的排列方式更舒服,更适合你的产品需要自己斟酌。

1. 笔画创作的 4 种方法

第一种——矩形造字法(三步走)

为了更方便理解,以 「永」字为例给大家看一下:

需要注意的是,这里告诉你们的只是字体设计的方法,帮助你少走弯路,不能一步登天,边旁部首的式样变化需要自己慢慢积累,细节应该调整哪些地方需要自己摸索。

来个实战演习:

第二种——钢笔描边法(四步走)

为了更方便理解,以「永」 字为例给大家看一下:

笔画的勾勒不是只有照着原本字形画,随着经验的增加,你对字形的把控能力会有所提升,慢慢的就能勾勒出一些特别的字形。

来个实战演习:

第三种——象形法(四步走)

为了更方便理解,以「永」字为例给大家看一下:

生活中有很多东西,他就在那里不会动,只是有时候走过无数次都不会注意。有些手写字体也是源于此,多关注一下,你会发现世界很精彩。

来个实战演习:

第四种——西文中用(四步走)

为了更方便理解,以「永」字为例给大家看一下:

要记住,你所提取的是笔画的特点,它用在哪是由你来定,不需要和原本英文字体笔画位置相同。

2. 笔画细节的 6 种方法

第一种——断指法(三步走)

注:断的地方一般在笔画的起笔和折处,不要乱断,除非你是个老手。断了之后笔画的形状(尖,方,圆,曲线)依然要保持一致。

来个实战演习:

第二种——替代法(三步走)

注:图形替换的可以是某一个偏旁部首,某一个笔画,一个文字内最好只替换一个图形,至于替换哪部分,自己可以慢慢体验。

来个实战演习:

第三种——连笔法(三步走)

注:有的文字组合在一起,字和字之间连笔比较顺畅,但大部分时候是需要自己去创造可连接的机会,这个的前提是你需要先创造出文字笔画,让他们很好的连接。

来个实战演习:

第四种——尖角法(三步走)

注:变尖角的过程中需要注意尖角的角度,注意笔画形状的视觉表现以及变成尖角后笔画和笔画之间的比例关系,笔画形状改变之后其高度还有位置都需要调整。

来个实战演习:

第五种——拉伸法(三步走,有全体拉伸和单点拉伸)

注:不论是全体拉升还是单点拉升,拉伸的时候注意不要打乱原本笔画的走势,至于拉伸的位置与长度,需结合你要做的系列文字进行判断。

来个实战演习:

第六种——卷叶法(三步走)

这也可以说是替换法的一种,可能是比较有象征意义,很多设计师们把它当方法的一种。

这就是 10 种创造·改造的基本方法:

  • 4 种笔画创作方法:矩形造字法,钢笔描边法,象形法,西文中用。
  • 6 种改变已有笔画细节的方法:断指法,替代法,连笔法,尖角法,拉伸法,卷叶法。

变体美术字的部分就到这里,最后强调这四点:

变体美术字设计和许多设计一样,并不是一蹴而就的,这篇文章只能帮助你更了解变体美术字,如果你想拿出好的成品,必须多看(开拓眼界)、多练(手头功夫)、多想(反省总结)、多坚持(坚定决心)、多关注生活(灵感源泉)。

PS:里面的案例以及“永”字示例都是出自作者之手哦,未经允许,请勿商用

作者:erztan 腾讯CDC视觉设计师

原文发布于微信公众号 - 腾讯大讲堂(TX_DJT)

原文发表时间:2017-12-28

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏龙行天下CSIEM

科学瞎想系列之七十九 永磁电机(2)

【图片部分来自网络如有侵权敬请邮箱联系。欢迎原文转发到朋友圈,未经许可的媒体平台谢绝转载,如需转载或合作请邮件联系。联系邮箱laolicsiem@126.com...

2222
来自专栏量子位

AI说:你的书法有咖喱味丨看字识国别

1412
来自专栏数据小魔方

墨迹人物图片合成!

今天给大家分享利用PPT合成墨迹人物的技巧! ▽ 利用墨迹素材与人物图像合成墨迹人物 这种风格的图片既充满古典韵味 由不乏现代气息 通常网上的做法都是利用PS或...

3426
来自专栏深度学习之tensorflow实战篇

R语言自带的数据文件

R语言有大量的样本数据可以直接用来作为数据分析和挖掘案例,可以收藏着以后用! R:datasets >install.packages("datasets")...

78811
来自专栏挖数

论程序员怎么拥有咪蒙的文笔

作为半个程序员的我,是怎么训练我的文笔的呢?今天,我就跟陈独秀一起,分享一些提升文笔的小技巧

1364
来自专栏生信技能树

使用Mutant-allele tumor heterogeneity(MATH)算法评估肿瘤异质性

前些天看到一篇临床研究的文献,发表于2017年 Breast Cancer Res Treat期刊的Clinical and molecular relevan...

3614
来自专栏思影科技

AD与MCI患者白质纤维束的减少(基于FBA分析)

来自澳洲Florey 神经科学与心理健康研究所的Remika Mito在Brain杂志上发文,基于全新的FBA(fixel-based analysis...

3666
来自专栏生信技能树

R语言系列:探索R自带数据包

向量 euro #欧元汇率,长度为11,每个元素都有命名 landmasses #48个陆地的面积,每个都有命名 precip #长度为70的...

1202
来自专栏华章科技

干货丨从诸葛亮“草船借箭”看大数据“数据建模”

建模里的“模”是指模型。使材料成为一定形状的工具,就属于“模型”,这些模型看得见摸得着,叫做“具象模型”。但是也有些模型看不见摸不着,属于“抽象模型”,数据模型...

1053
来自专栏机器人网

工业机器人的传动机构

工业机器人的驱动源通过传动部件来驱动关节的移动或转动,从而实现机身、手臂和 手腕的运动。因此,传动部件是构成工业机器人的重要部件。根据传动类型的不同,传动 部件...

3465

扫码关注云+社区

领取腾讯云代金券