你的位置: iPc 首页 > 全部文章 > 艺术设计 > 阅读文章
科学X网    Office    苹果中国    微软中国    VPS

揭秘中文字体的制作过程:图文+视频详解方正粗倩体的创作过程

27
四月

90年代初中期,排版文字的种类不多,尤其是在字的笔道中带有女性柔美成分的字体更少,在宣传个人用品、化装品、食品、家居等领域的用字上缺乏表现力。因此,开始尝试设计“倩体系列”字体。这一系列字体包容了过去排版文字里所没有的亲切、幽雅、柔美和华丽。如少女亭亭玉立的倩影似的,给人以美的享受,故取字体名为“ 倩 ”……

字体创作

设计字体的基本框架结构

根据字体的设计理念,确定了字体的基本框架结构特征为:方正、端庄、饱满,下图为结构设计的草稿

方正粗倩体的创作过程

方正粗倩体的创作过程

方正粗倩体的创作过程

设计字体整体风格

根据字体的创作理念及结构特征设计出一些样字的笔画、部件、单字,并最终确定字体的风格,下图为字体风格设计的试验性草稿。

方正粗倩体的创作过程

方正粗倩体的创作过程

方正粗倩体的创作过程

方正粗倩体的创作过程

设计字体的不同粗细:根据字体的不同用途,确定同一风格字体的不同粗细。

细倩:纤细的笔致显得文静、清雅,衬上了柔软的弧线,更显轻盈活泼。

中倩:笔划粗细对比适中,婉转妩媚,温顺乖巧,看似平淡无奇,却能给人以美的感受。

粗倩:笔划粗细对比强烈。精致、华贵、大气、端庄,笔形富于变化,浪漫而又温馨。

基本定型的细倩草稿

方正粗倩体的创作过程

基本定型的粗倩草稿

方正粗倩体的创作过程

最终确定的细倩、中倩、粗倩

方正粗倩体的创作过程

方正粗倩体的创作过程

方正粗倩体的创作过程

规范字体的基本笔形、部件:确定了字体的结构、粗细后,要对字体的基本笔形、部件进行规范,倩体的笔形设计以扁平硬笔(马克笔:如下图)的书写轨迹为基础,使字体有横细竖粗的效果,让视觉对比强烈,清晰醒目。并且,在撇捺、点、钩、折等笔型塑造上,融入了柔和的弧线,使笔划柔润舒展。同时,运用对称等表现手法,使字体图形化,抽象展现花儿、舞裙以及垂柳的丰姿。这也是这款字体设计的核心之一。通过这些笔形、部件的设计赋予字体 柔美的感觉。下图为倩体系列字体的柔和、圆润的基本笔画设计规范’。

方正粗倩体的创作过程

方正粗倩体的创作过程

方正粗倩体的创作过程

方正粗倩体的创作过程

方正粗倩体的创作过程

以倩体笔画组成的少女亭亭玉立的身姿

下图为规范的基本部件设计

方正粗倩体的创作过程

方正粗倩体的创作过程

方正粗倩体的创作过程

设计全库字体:设计制作一款可以在中国大陆实用的中文字库产品,必须符合《国家标准》,GB2312标准共收录6763个汉字,其中一级汉字3755个,二级汉字3008个; GB2312-80标准定义了6763个汉字及符号的基本字形与可以通过计算机传输的编码之间的对应关系。它所收录的汉字已经覆盖99.75%的使用频率。

下图为倩体系列创作过程中的部分样张

方正粗倩体的创作过程

设计西文符号:GB2312同时收录了包括拉丁字母、希腊字母、日文平假名及片假名字母、俄语西里尔字母在内的682个全形字符。

下图为倩体系列字符设计草稿

方正粗倩体的创作过程

方正粗倩体的创作过程

方正粗倩体的创作过程

方正粗倩体的创作过程

通过上述的介绍,下面以“飘柔”两字为例分析倩体系列字体的设计思想

最初设计的部件“票”和“柔”的草稿

方正粗倩体的创作过程

方正粗倩体的创作过程

 方正粗倩体中飘柔两字

方正粗倩体的创作过程

笔画:

在马克笔笔迹效果基础上,创作设计的横细竖粗风格,再将一些起笔、转折、收尾的地方融入柔和、圆润的设计,以体现字体的柔美。如下图中的红色部分。

方正粗倩体的创作过程

粗细:

通过横细、竖粗的设计,让倩体更加漂亮、精神,增强字体的节奏感

通过特殊的粗细处理方式,调整了飘字左上角“西”字中间两竖的粗细,使得整个字的粗细协调,留“白”均匀。

方正粗倩体的创作过程

结构:

通过倩体字的结构设计端庄、饱满、方正,赋予字体华贵、大气、正直的感觉

对一些笔画对称的设计,如:“示”的撇、点,“风”中的撇、捺等,赋予字体端庄的感觉,同时,在做对称处理的同时,还要兼顾字体笔划的穿插呼应,如:“示”的右下点与“风”的撇的避让。

通过对倩体笔形、粗细、结构设计后的字体,在保持了黑体、宋体庄重、严肃的基础上,又产生了一种黑体、宋体里所没有的亲切、幽雅、柔美、精致、华贵、大气、端庄的性格,并通过富于变化的笔形,形成字体浪漫而又温馨的感觉。

视频欣赏:

关于本文
各种回音
  1. 说: 回复他/她

    好复杂的说….
    都是用免费的字体,这个….

  2. 说: 回复他/她

    但是后来的大量无节制运用(盗版),以致现在看到就有点倒胃口

  3. 说: 回复他/她

    嘛,所以西文字体设计非常容易。。。

  4. 说: 回复他/她

    不得不说,标题图片有点丑

  5. 说: 回复他/她

    做设计的伤不起。。。

  6. 说: 回复他/她

    致敬了!

  7. 说: 回复他/她

    这么快就改标题和图片了…

  8. 说: 回复他/她

    只用宋体无鸭梨

  9. 说: 回复他/她

    GBK用的多,但要2w多字及符号…更伤不起啊…100人每天做100个都得做上大半年…

  10. 说: 回复他/她

    正文用不上
    实用性不强啊
    ……
    话说国内的版权问题
    做设计的人真是命苦
    致敬

  11. 说: 回复他/她

    偏见:不用苹果的设计师不是好设计师

    • 说:

      最恶心这种说法了。抛开其他不谈,Apple 的显示器也能叫专业?你让 EIZO、NEC 干什么吃饭?虽然说视频中用的也不是这些专业显示器。

    • 说:

      专业毛呀,人家棒子有可弯曲的屏幕,怎么不见得给你苹果出口呀!

  12. 说: 回复他/她

    想知道视频中 字体设计用的是什么软件?

    • 说:

      那个是AI,矢量图绘图软件,和coreldRAW是老对手了

  13. 说: 回复他/她

    倩体拆开来原来这么好看

  14. 说: 回复他/她

    我擦。。。一播放这个视频,整个电脑都死机了。。。
    网吧的电脑 我都重启了3次了。。。

  15. 说: 回复他/她

    传说现在保护字体专利

  16. 说: 回复他/她

    终于让我找到了这张图……
    http://titian.deviantart.com/art/Depth-117860417

  17. 说: 回复他/她

    还是中文苦逼啊,英文就那几个字母。。

  18. 说: 回复他/她

    请问用cdr或ai设计好的字体怎样生成可用的字体呢?tif或其他格式

    • 说:

      说错,是ttf或otf格式

微博评论箱