变体美术字设计手册

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

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

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

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

……………………………………开始进入正题,文章较长,请慢慢品味……………………………………

下面,我们一起来看看变体美术字的奇妙之处吧。

首先来看看早期的字体分类

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

那变体美术字是什么

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

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

注意:书法文化底蕴要求高,真正掌握的人不多,经常以照搬某人书法体的形式出现,以我现在文化程度不能驾驭,对这类不够了解。

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

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

……………………………………………接下来,和大家一起来爬山…………………………………………

一、变体美术字的类别

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

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

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

1.汉字的基本笔画

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

这里的八种笔画是可以组织在一起产生出新的笔画的,如下图:横钩,横折钩,横折弯钩,竖折,竖弯钩,横折提,竖折撇,竖弯钩等等都是由基本笔画衍生出来的。(小学知识来着,不过越大越忘记了)

2.汉字的笔画形状

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

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

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

1.先来看第一类似黑体变体字(最常见的一类)

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

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

·似黑体变体字-“的基本笔画和最常规的笔画形状

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

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

· “的基本变体字字形

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

· “的变体字字库(还有更多,欢迎补充):

· “的笔画粗细

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

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

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

·似黑体变体字-“基本笔画和最常规的笔画形状

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

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

· “的基本变体字字形

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

· “的变体字字库

同样,“尖”的变体字也有字库,只不过“尖”的字库字体少之又少,如下(欢迎补充):

· “的笔画粗细

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

·来个例子消化一下(我就弄弄一两笔):

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

·似黑体变体字-“基本笔画和最常规的笔画形状

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

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

· “的基本变体字字形与字库

由于笔画形状的发散,“圆”的变体字也产生了基本字形和字库,如下(欢迎补充):

· “的笔画粗细

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

·来个例子消化一下:

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

·似黑体变体字-“曲线基本笔画和最常规的笔画形状

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

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

· “曲线的基本变体字字形与字库

由于笔画形状的发散,“曲线”的变体字也产生了基本字形和字库,如下(欢迎补充):

· “曲线的笔画粗细

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

·来个例子消化一下:

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

特别强调:请谨记这三点

现在的你看到下面的这些字体设计是否恍然大悟(如果你读到了这里)

2.第二类似宋体变体字

·似宋体变体字-“方、尖、圆、曲线的基本笔画和最常规的笔画形状

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

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

直接看改变完之后得到的新笔画形状吧(以笔画“丨”为例,例子不举多了,相信大家懂):

· “方、尖、圆、曲线的基本变体字字形与字库

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

· “方、尖、圆、曲线的笔画粗细

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

·来个例子消化一下:

3.第三类混合体变体字

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

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

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

4.第四类书法体变体字(遗留)

书法文化底蕴要求高,真正掌握的人不多,经常以照搬书法的形式出现,一般都是某人书法体之类,我目前的文化层次说不了一类,希望以后能补充。(如有书法大牛,可以来指导下,感激不尽)

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

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

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

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

以下是本次要介绍的10种基本方法,这些方法可以单独使用,也可以结合使用(其实网上一些大神都有讲过的)

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

1.先来看笔画创作的4种方法

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

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

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

来个实战演习:

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

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

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

来个实战演习:

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

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

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

来个实战演习:

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

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

要记住,你所提取的是笔画的特点,它用在哪是由你来定,不需要和原本英文字体笔画位置相同。(这里的实战演习丢了,大家就看看“永”字吧)

2.再来看改变已有笔画细节的6种方法

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

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

来个实战演习:

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

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

来个实战演习:

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

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

来个实战演习:

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

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

来个实战演习:

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

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

来个实战演习:

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

这也可以说是替换法的一种,可能是比较有象征意义,很多设计师们把它当方法的一种。(这个太直白,不用实战了)

这就是10种创造改造的基本方法哦,欢迎大家来补充:

4种笔画创作方法:矩形造字法,钢笔描边法,象形法,西文中用;

6种改变已有笔画细节的方法:断指法,替代法,连笔法,尖角法,拉伸法,卷叶法

到这里,变体美术字东西也就讲完了(好长),最后强调这四点:

结语

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

字体设计是一门很细致,很复杂的学科,自己掌握的也只是皮毛,还有太多的东西等着去挖掘,希望之后能和大家一起慢慢补充。

腾讯CDC体验设计

(0)

相关推荐

  • PPT2016设计变体动画原理分析

    想要教程源文件,以及2003隐藏版动画(彩色打字机.光速.滑翔.投掷等动画)的,看这个很有用.我在里面介绍了2016版有个最新功能——变体,也许并不是很了解PPT的人不太熟悉此项功能,今天就为大家讲解 ...

  • 电脑PPT文件如何将幻灯片主题设置为“积分主题”并使用变体效果

    PPT是我们现在经常需要使用的办公 软件,而今天小编跟大家分享的是电脑PPT文件如何将幻灯片主题设置为"积分主题"并使用变体效果.具体如下:1. 首先我们在电脑中新建一份PPT.双 ...

  • PPT制作利用平滑效果制作变体动画

    PPT可以说是一个制作MG动画的神器,这不仅仅依赖于PPT强大的功能,更是各种不可思议的应用.今天,小编就给大家来一段非常简单的变体动画. 操作方法 01 打开PPT,这次的PPT版本要求是有一点高, ...

  • 如何使用ppt2016最新变体功能

    office2016最新版本中加入了变体功能,这个功能很强大,只要把握好,能做出许多炫酷的动作.配合好其他元素,绝对惊艳全场.下面简单教会"变体"功能. 操作方法 01 首先识别变 ...

  • 简单3步 PPT普通图片瞬间变得高大上

    制作PPT非常重要的一点,是图片要有视觉冲击力.除了图片自身的内容因素外,通过PowerPoint为图片添加特效,也可以让普通图片瞬间变得高大上起来. 在PowerPoint 2016中新建幻灯片后, ...

  • 浏览器组成及工作原理深度了解

    简介 浏览器可以被认为是使用最广泛的软件,本文将介绍浏览器的工作原理,我们将看到,从你在地址栏输入google.com到你看到google主页过程中都发生了什么。 将讨论的浏览器 今天,有五种主流浏览 ...

  • Win7系统启动网络共享时提示错误1061的原因分析

    最近有朋友在windows7系统下启动网络共享的时候,无法正常启用共享访问,系统提示错误1061 ,即服务无法在此时接受控制信息,这是怎么回事呢?该怎么办呢?其实出现这个问题的主要原因是系统中了蠕虫病 ...

  • linux命令大全之crontab命令使用详解

    at 命令是针对仅运行一次的任务,循环运行的例行性计划任务,linux系统则是由 cron (crond) 这个系统服务来控制的。Linux 系统上面原本就有非常多的计划性工作,因此这个系统服务是默认 ...

  • 优化Apache,让网站速度更快

    Apache 2.0在性能上的改善最吸引人。在支持POSIX线程的Unix系统上,Apache可以通过不同的MPM运行在一种多进程与多线程相混合的模式下,增强部分配置的可扩充性能。相比于Apache ...