中文平面美术字体设计技巧及经验分享

原

翟

翳

酎

景

霆

验

及经

技巧

设计

字on

中文

小强

：李

作者

：

导言

的,目

详细

解最

的讲

字体

的，对

到过

上见

网路

我在

这是

是

里边还

信，

过相

，不

评判

友来

位网

让各

只能

到位

位不

。

地方

到的

学习

能够

大家

方时

少地

有不

心法

从内功

们就先

，那我

心法

内功

定有

籍，肯

功秘

是武

既然

。

练起

开始

两仪

大家对太极图肯定都很熟悉了，阴阳阴阳，有阴必有阳,

这是太极的两仪。

也就是说凡事都有两面，做设计也一样，在同一个命题

下，一个设计方向的背后肯定还有另外一个完全不同的

设计方向。（图01）

省

图01

我先解释下这4个要素：

框架：大家都知道“汉字”俗称方块字，这个方块呢也就

是框架了。

自由：这个自由是相对框架而言，也就是不受方块约束

的字体（例如草书）。

识别性：既然是字那肯定要大家都能认识，有的字经

过设计以后还能很方便的认出来，也有的字设计完后要

经过一番思考才能认出来，这就是识别性的强和弱了。

个性：这个也是相对识别性来说的有的设计师为了强

调某种个If西牲掉识别性。例如：涂鸦字体以前

街头给人画龙字啊凤字的师傅就是个性字体设计高手。

他们之间是相对的（现在你看不懂没关系，继续看下

去你就明白了）

这个工具有啥用呢？

我们再看，由四象推算出来的八卦，你可能会明白一点

To（图03）

图03

我们先看篆书，位于这个坐标工具左上角，也就是框架

和个性的极限交汇点上。

先看形态，很明显篆书是严格的在方块进行造型的，也

就是以框架为基础来设计的。

由于篆书是象形字转化而来还没完全脱离象形字的构

造，在我们今天看来这种字体充满了个性，但识别性就

比较差了。

楷书：形态：依然是框架结构，识别上非常容易，所以

它处在这个坐标工具的右上角，相对的来说，个性就比

较少了，四平八稳。

草书：形态：没有框架，随心而置，识别上比较困难

（你找找历代书法看看看你能完整的认出多少来）但

个性就非常强烈了，看的多的话/不用看落款你就知

道这是那个书法家的作品。

行书：形态：没有框架，识别上较容易，个性和识别性

兼备。

这个坐标工具我主要用做分析别人字体设计的工具和

作为自己设计字体时候的指南。

说了这么多，你会用这个工具了么？还不会？！！！！

没关系〜〜我继续讲解！

框架式字体设计（图04）

图04

F面我先讲框架式字体的方法:

从坐标工具来看，框架式字体设计,位于坐标工具的上

半部分。（图05）

识SU性

自由

图05

在造字之前呢，我们先用坐标工具分析下这类字体的特

点。（图06、07）

图06

图07

请仔细观察下面这些字体！！！

形态？个性在那里？识别性强？弱？（图08）

界我行忠命相

R

I

V

E

ItlwiBTOor^r^R

吞脩破日英里Q

■mMKrEemn过S

K

y

Q

E

L

E

G

A

N

C

mE

图08

这类型的字体，结构方正,个性鲜明，识别性较强，放

在坐标工具上来分析的话，他们都处于白色圆圈这个范

围内（你能将上图每个字体在坐标工具上不同的位置都

标示出来么？）。（图09）

框架

图09

下面这个是我为一个房产项目所做的一个字体设计请

注意：形态？个性在那里？识别性强？弱？（图10）

图10

这个字体的特点：“方正”，很正统的框架式字体设计,

字体重心全部上移，左方右圆，落脚呈尖刀状。（图

11）

M

图11

why?这个字体为什么设计成这样?

接着看：（图12、13、14）

图12

图13

这个字体设计的概念很简单：飞跃平凡的生活

飞跃一怎么用字体来体现飞跃呢？

A:我先从结构上下手：

1:把字体重心整体上移，造成向上的动感。

2:拆除字体里的封闭结构（翼的田字）减轻字体本身的

重量感，来强化整体向上飞跃的动感。

B:从笔画上下手：

1：由于面对的客户男女都有，所以我选择左方右圆，

这样就刚柔相济，比较中性。

2：落笔融入羽毛的特点（落脚呈尖刀状），贴近创意

原点，并再度强化向上的飞跃感。

大家可以看看字体设计和平面表现的关系。

框架式字体设计的基本方法（图15）

图15

在开始做字体之前，我一般会先选择参考字体。

为什么要找参考字体呢？字库里的字都是专家多年研

究和经过大众审美肯定的字体，有个巨人的肩膀让你站

为什么不站呢？（图16）

1.参考字体的选择

衬线体？无衬线体？

图16

字库里那么多字体怎么选呢？选衬线体呢？还是无衬

线体？（关于衬线体和无衬线体请查阅相关资料）（图

17）

习习S1H1

城s

经典现代

图17

简单点来说

古朴、经典的个性、就选“衬线体”

现代、简约的个性就选“无衬线体”来参照

选了参考字体参考什么？

参考结构（图18、19）

图18

天上下结构:思，歪，品肩，意，安，全

函上中下结构:草，暴，意，竟，竞，

国左右结构好棚和，蜂，滩，往，明

国左中右结构:谢，树，倒搬撒鞭，辩

由全包围结构:围，囚，困，田，因，国，固

国半包围结构包，区，闪，这句，函,风

国穿插结构:噩，兆非

生品字形结构:品，森悬，晶,磊/鑫，颍

图19

这些基本的结构常识相信大家都知道。一

我讲一个框架式字体设计的秘诀：（图20）

顶天立地

图20

没错！顶天立地!________________________________

只有贴紧框架四边，整个字形才会显得饱满（写过pop

的人都知道）。

我们看下范例：（图21）

图21

在调整结构的同时，加入个性，和让笔画占据框架的4

向。

以下范例都是典型代表：（图22、23）

sal需需

intinuimi■

R

VI

RE

奏偷次日英里a

S

yK

0

E

L

E

G

A

N

C

E

M▼―▼・.-1***'P'F'，，酶

图22

图23

个性的塑造

在完成字体的基本结构后，我们现在来为字体加后

性。

如前所叙，我就不多说了。（图24）

mm

图24

下图中的字体设计，你能说出设计师为什么要那么设计

了么？他们是怎么为字体设计调整结构和加入个性的

呢？它们各自的参考字体又是什么？（图25）

图25

下图是从参考字体到新的字体设计的一个流程图。（图

26）

图26

我们现在再重新来审视这个字体设计：（图27）

9丁7

LS

第一步：近看30分钟…远看30分钟…调整.

第二步：近看30分钟…远看30分钟…调整.

第三步：近看30分钟…远看30分钟…调整.

第四步：近看30分钟…远看30分钟…调整.

第五步：近看30分钟…远看30分钟…调整.

............一直到交稿

图28

卜面我们再来看一个框架式字体设计的范例。（图29）

图29

这是我非常喜欢的一个字体设计。

在4个要素点的把握上功力深厚。

一般来说框架式字体设计做出来都多少有点死板但上

面这个设计师就敢于突破框架的束缚。

这就是我想讲的另外一个秘诀：（图30）

动静相宜不破不立

图30

现在我们再返回来看看之前看过的这些字体设计。

你现在看这些字体设计的眼光是否又不一样了呢？（图

31)

!5

罪局有媒S?!

I—3

小R

VI

妾偷殴日英里Qs

•UECBJUXTEemaiiaan.•・・,・・•S

云yK

Es

EL

词G

NA

EC

』▼i。-fVIMfWl1'**'P'"*"F酶

图31

关于个性

我们再看看这个范例：（图32、33）

图32

9乾坤大挪移

图34

乾坤大挪移之英文字体转化为中文字体设计

先看大师范例（图35）

图36

设计变形金刚这位仁兄的功夫也非常了得。

乾坤大挪移之照片转化为中文字体设计（图37）

图37

这个是我的拙作

练好以上3招，你就可以找张大师比划比划了。（图

38、39）

图38

你

天地之物尽为你用

图39

乾坤大挪移之范例

在看下面这些范例之前边看请边为它们在坐标工具上

定位，如果一看到一个陌生的字体设计你就能将他们在

坐标里上准确的定位。那恭喜你^你练好心法了。（图

40）

之

满

a

坐

图40

作者从欧式图案中吸取精华来做的字体设计，强调的是

个性、形态上为了加强识别型采取了框架式。

下图是我从欧式图案中吸取精华来做的字体设也里调

的是识别性、个性较弱。（图41、42）

图41

卜面这个呢？它在坐标的那个位置呢？（图43）

框架

图43

再出一个题目

这个也是我做的一个字体练习作品。

它又在坐标工具上的那个位置呢？（图44、45）

图44

框架

图45

logo到标准字

乾坤大挪移一个简单的应用就是‘V”中的中文标褥

了。

看范例我就不多说了。（图46）

从LOGO到标准字

LONHE花的/X\Soutcc

C/2南方高科

图46

太极两