变形字设总结
看完本文你会学到:
下面,我们一起来看看变体美术字的奇妙之处吧。首先来看看早期的字体分类。
最早的字体分为活字字体和美术字体两大类,活字字体是最早的印刷字体,美术字体则是目前我们接触到的所有字体(含有黑体,宋体,书法体,变体)。
变体美术字属于美术字体一类,是经由宋体、黑体、书法这些基本字体变化而来,它可以是黑体、宋体、书法体,也可以是其中两种或三种字体的结合变形。
随着字体的发展,变体字也产生了许多字库,像造字工房,方正,汉仪,文鼎,蒙纳这些专门的字体设计公司已经有很多变体字的字库了。
注意:书法文化底蕴要求高,真正掌握的人不多,经常以照搬某人书法体的形式出现。
在变体美术字这一类字体里,有三座大山是需要我们去翻越的,分别是:类别,基本笔画和形状,创造 · 改造。无论是想了解或者创造变体美术字,这都是敲开变体美术字大门最基础的工具。
从上面我们知道,变体美术字是经由宋体、黑体、书法这些基本字体变化而来,那么它的类别自然也来于这些基本字体,大致可以分四类:似黑体变体字,似宋体变体字,混合体变体字,书法体变体字。
笔画是汉子的最小构成单位,也是变体字设计中的核心,我们从汉字的基本笔画和汉字的笔画形状入手来了解变体美术字。
汉字的基本笔画即「永」 字的八笔画,这是基于「永」 字八法产生的,它是古代书法家练习楷书的运笔技法,因为「永」 字的笔画每笔各有特色,而又互相呼应,故可将其作为评判楷书水平的标准,同时也是评判一个字体的基础标准。
这里的八种笔画是可以组织在一起产生出新的笔画的,如下图:横钩,横折钩,横折弯钩,竖折,竖弯钩,横折提,竖折撇,竖弯钩等等都是由基本笔画衍生出来的。
汉字的笔画形状主要是指笔画在起笔、收笔以及折处的特点,有「方、尖、圆、曲线」四种,曲线是比较特殊,它的起笔、收笔可以是 「方尖圆」,但它的笔画结构一定会产生扭曲变形。学会辨别汉字的笔画形状对之后 「看」 或者「做」变体美术字都是很重要的。
注意:不要被某些笔画本身的特点误导,为了更容易理解,举个英文的例子。
从汉字的基本笔画和笔画形状入手进一步了解变体美术字。
为了更好展示似黑体变体字的基本笔画和笔画形状,将其小类转化为表格,并都以「永」 字来示意。此处示意的「永」 字都是由最常规的笔画形状拼凑而来,另外在笔画形状的子类目里增加了「粗细」维度,因为字体的「粗细」会直观影响人们对字体的感觉和认识。
似黑体变体字的第一个小类:
似黑体变体字——「方」的基本笔画和最常规的笔画形状:
我们知道上图中展示的 「永」字是最常规的笔画形状,我们可以通过一些视觉方法来改变「方」 的表现,比如倾斜,旋转,裁切等等。改变完之后你可以得到很多新的笔画形状(以笔画 “丨” 为例),比如:
「方」的基本变体字字形
正因上面这些发散,产生了许多基本变体字字形(以 “永” 字为例),如下:
「方」的变体字字库:
「方」的笔画粗细
值得注意的是,字的粗细的不同,给人的印象也不一样,在「方」这类这里尤为明显,如下:
似黑体变体字——「尖」基本笔画和最常规的笔画形状
基本笔画和笔画形状的发散——改变 「尖」的视觉表现
原理与做法上面交代过了,不多说了,直接看改变完之后得到的很多新笔画形状(以笔画 “丨” 为例):
「尖」的基本变体字字形
「尖」的基本变体字字形,绝大多数都是由「方」微变形而来(以 “永” 字为例),关于「尖」这一类,我们很多时候只用几笔,如:
「尖」的变体字字库
同样,「尖」的变体字也有字库,只不过 「尖」的字库字体少之又少,如下:
「尖」的笔画粗细
因为「尖」 的细体字笔画变化在字形表现中过于微妙,出现的极少,这类字给人的印象以粗的「尖」 为主,其实就是在粗的 「方」基础上增加了冲动与刺激感。
来个例子消化一下:
似黑体变体字 ——「圆」基本笔画和最常规的笔画形状
基本笔画和笔画形状的发散——改变 「圆」的视觉表现
同样,直接看改变完之后得到的很多新笔画形状(以笔画 “丨” 为例):
「圆」的基本变体字字形与字库
由于笔画形状的发散,「圆」的变体字也产生了基本字形和字库,如下):
「圆」的笔画粗细
在「圆」这一类里,字体粗细的不同,除了粗细本身呈现的感觉,给人的印象区分不是很大,只是粗的更为明显,如下:
来个例子消化一下:
似黑体变体字的第四小类
似黑体变体字——「曲线」基本笔画和最常规的笔画形状
基本笔画和笔画形状的发散——改变「曲线」的视觉表现
同样,直接看改变完之后得到的很多新笔画形状(以笔画 “丨” 为例):
「曲线」的基本变体字字形与字库
由于笔画形状的发散,「曲线」的变体字也产生了基本字形和字库,如下:
「曲线」的笔画粗细
「曲线」本身是比较特别的,在 「曲线」这一类里,字体给人的印象和粗细关系并不大,基本上给人的感觉就是以下几种:
来个例子消化一下:
以下是第一类——似黑体变体美术字所有的基本笔画以及最常规的笔画形状集合表。(记住这张基础的表格,对以后的设计工作会有奇效)
似宋体变体字——「方、尖、圆、曲线」的基本笔画和最常规的笔画形状
这里就不一一展示每个小类了,我们直接来看似宋体变体字的所有基本笔画和最常规的笔画形状集合:
基本笔画和笔画形状的发散——改变「方、尖、圆、曲线」的视觉表现
直接看改变完之后得到的新笔画形状吧(以笔画 “丨” 为例):
「方、尖、圆、曲线」的基本变体字字形与字库
同样,由于笔画形状的发散,似宋体变体字也产生了基本字形和字库,如下:
「方、尖、圆、曲线」 的笔画粗细
在似宋体变体字这一类里,字体给人的印象和粗细关系并不大,只是粗的更厚重,细的更轻盈。
顾名思义混合体就是似黑体和似宋体的交集,混合的地方主要是笔画的起笔收笔或折处。(也可以理解成你判断不出来的类型就是混合体)
如下,看个例子你会更明白。
里面的类目就不一个个说了,分析的方法和流程和似黑体变体字、似宋体变体字一致,这里只告诉大家混合体变体字应该注意的点在哪里,相信大家自己能理解。
书法文化底蕴要求高,真正掌握的人不多,经常以照搬书法的形式出现,一般都是某人书法体之类。
了解了变体美术字类别,基本笔画和笔画形状后,我们来看看如何让它变的更不一样。
这一步是创造笔画或在原有笔画基础上对字体的笔画的细节进行改变,这里向大家介绍 4 种笔画创作的方法和 6 种改变已有笔画细节的方法。
创造 · 改造之前,请大家注意这两点,如果没有弄清楚这两点,你做的视觉效果再好都没有用。
当然,在这个过程中字体的排列方式也很重要,什么样的排列方式更舒服,更适合你的产品需要自己斟酌。
第一种——矩形造字法(三步走)
为了更方便理解,以 「永」字为例给大家看一下:
来个实战演习:
第二种——钢笔描边法(四步走)
来个实战演习:
第三种——象形法(四步走)
生活中有很多东西,他就在那里不会动,只是有时候走过无数次都不会注意。有些手写字体也是源于此,多关注一下,你会发现世界很精彩。
来个实战演习:
第四种——西文中用(四步走)
为了更方便理解,以「永」字为例给大家看一下:
要记住,你所提取的是笔画的特点,它用在哪是由你来定,不需要和原本英文字体笔画位置相同。
第一种——断指法(三步走)
注:断的地方一般在笔画的起笔和折处,不要乱断,除非你是个老手。断了之后笔画的形状(尖,方,圆,曲线)依然要保持一致。
来个实战演习:
第二种——替代法(三步走)
来个实战演习:
第三种——连笔法(三步走)
来个实战演习:
第四种——尖角法(三步走)
来个实战演习:
第五种——拉伸法(三步走,有全体拉伸和单点拉伸)
来个实战演习:
第六种——卷叶法(三步走)
这就是 10 种创造·改造的基本方法:
-- 4 种笔画创作方法:矩形造字法,钢笔描边法,象形法,西文中用。
-- 6 种改变已有笔画细节的方法:断指法,替代法,连笔法,尖角法,拉伸法,卷叶法。
变体美术字的部分就到这里,最后强调这四点:
变体美术字设计和许多设计一样,并不是一蹴而就的,这篇文章只能帮助你更了解变体美术字,如果你想拿出好的成品,必须多看(开拓眼界)、多练(手头功夫)、多想(反省总结)、多坚持(坚定决心)、多关注生活(灵感源泉)。
字体设计是一门很细致,很复杂的学科,自己掌握的也只是皮毛,还有太多的东西等着去挖掘,希望之后能和大家一起慢慢补充。
不多说了,有兴趣的朋友们去操练起来吧。
变体美术字的基本变化方法如下:
画面的整体感觉和很多因素都相关,比如颜色,细节的小元素等等,这些都是影响画面感的重要因素,关于氛围的打造,已经有很多的文章去说明了,这里不多说。这一次,我们一起来看看变体美术字设计的魔力。
下面,我们一起来看看变体美术字的奇妙之处吧。首先来看看早期的字体分类。最早的字体分为活字字体和美术字体两大类,活字字体是最早的印刷字体,美术字体则是目前我们接触到的所有字体(含有黑体,宋体,书法体,变体)。
变体美术字属于美术字体一类,是经由宋体、黑体、书法这些基本字体变化而来,它可以是黑体、宋体、书法体,也可以是其中两种或三种字体的结合变形。
随着字体的发展,变体字也产生了许多字库,像造字工房,方正,汉仪,文鼎,蒙纳这些专门的字体设计公司已经有很多变体字的字库了。
注意:书法文化底蕴要求高,真正掌握的人不多,经常以照搬某人书法体的形式出现。在变体美术字这一类字体里,有三座大山是需要我们去翻越的,分别是:类别,基本笔画和形状,创造 · 改造。无论是想了解或者创造变体美术字,这都是敲开变体美术字大门最基础的工具。
从上面我们知道,变体美术字是经由宋体、黑体、书法这些基本字体变化而来,那么它的类别自然也来于这些基本字体,大致可以分四类:似黑体变体字,似宋体变体字,混合体变体字,书法体变体字。
笔画是汉子的最小构成单位,也是变体字设计中的核心,我们从汉字的基本笔画和汉字的笔画形状入手来了解变体美术字。
1、首先打开AI新建一个任意尺寸的画布点击“创建”;
2、选择左侧工具栏的“文字工具”,直接鼠标点击即可;
3、鼠标在空白画布上单击,创建一个“文本框”;
4、按键盘上的“ESC键”,确认文字编辑结果;
5、鼠标双击文本框”进入文字编辑状态,此时在文本框内,会出现一个闪烁的光标这时即可任意修改文字;
6、修改完文字之后按“ESC键”确认,即完成文字修改。
启动cdr软件,在左侧工具栏选择文本工具,点击画布空白处,输入自己的名字,顶部菜单栏中选择艺术字体,在左侧菜单栏点击选择工具,选择转换为曲线,选择形状工具,修改文字的节点,可以让文字连在一起,字体做斜切效果并填充红色,这样就完成了变体美术字的设计。
1、打格:根据需要确定字的大小和形状。
2、布局:了解字体的组合结构与基本笔划特点。
3、定骨架:定出运用哪种装饰方法来装饰字体,用单线勾画字形。
4、双勾字形:根据需要适当变化,在变化中求统一。
一、字体的变形设计
字体的变形常被运用到UI字体的设计中,它是在电脑字体的基本形态上做出稍微的变形,这样使得整体画面的线条显得更加圆滑,也是字体字型变得更有活力,当然这种变形调整需要依照具体的情况进行操作。当然字体的设计最终目的是让用户能够快速的获取信息,过于的字体变形会让字体变得模糊,使设计舍本求末,失去原有的意义。
二、字体的组合设计
我们应该明白,字体不会是孤立存在的,这不仅是字体的来源可以追溯到图像,也就是说文字的本身来源是人类生活情感的象形。在某种程度上来讲,文字来源于图形,因此图形与文字是同源的,只是文字更加抽象。字体与图片的相互相互融合,就能够更加清晰的理解和传达设计信息内容,并且取得良好的效果,设计的时候需考虑与周围的其他页面元素的协调一致,强化页面的整体氛围的营造。需要把握它们之间的融合点,使其更加和谐。
三、3D字体设计
人们生活在三维的立体生活中,对空间的感觉很为情切,因此在平面中营造一种具有空间感与层次感的字体设计,可能会让用户觉得更加真实,更加有冲击力。3D设计需要借助相关的电脑工具来完成,不管是3D软件辅助设计还是PS/AI,都能够使文字根据光感实现层次空间的变化。
四、字体颜色大小设计
文字的颜色要同图像的颜色保持一致并注意色彩搭配的和谐。一个站点通常只使用一到两种标准色,为了保持颜色上的一致性,标准色一致或相近。比如,站点的主题色彩如果为红色,可能就需要将链接的色彩也改为红色。
在UI界面设计中,不单单是需要美术绘画,同样需要根据设计所要表达的意义对字体、字型的设计做出艺术性设计。判定一个界面设计的美感不是单纯的项目领导的肯定就可以了,而是应该以用户对于界面设计的满意度作为评价界面设计是否完美的标准,这需要最终用户对设计的感受,所以只有在设计中不断的与用户的视觉体验相连,才能够保证设计的完美。
1、替换法
替换法是在统一形态的文字元素加入另类不同的图形元素或文字元素。其本质是根据文字的内容意思,用某一形象替代字体的某个部分或某一笔画,这些形象或写实或夸张。将文字的局部替换,是文字的内涵外露,在形象和感官上都增加了一定的艺术感染力。
2、共用法
“笔画公用”是文字图形化创意设计中广泛运用的形式。文字是一种视觉图形,它的线条有着强烈的构成性,可以从单纯的构成角度来看到笔画之间的异同,寻找笔画之间的内在联系,找到他们可以共同利用的条件,把它提取出来合并为一。
3、叠加法
叠加法是将文字的笔画互相重叠或将字与字、字与图形相互重叠的表现手法。叠加能使图形产生三度空间感,通过叠加处理的实行和虚形,增加了设计的内涵和意念,以图形的巧妙组合与表现,使单调的形象丰富起来。
4、分解重构法
分解重构发是将熟悉的文字或图形打散后,通过不同的角度审视并重新组合处理,主要目的是破坏其基本规律并寻求新的设计生命。
总之,平面图形设计的目的是人与人的交流,作为设计者,学习运用符号学工具,会使设计更加有效。在平面设计如此繁杂的今天,把文字图形化运用到设计中,才能使作品具有强烈的视觉冲击力,更便于公众对设计者的作品主题的认识、理解与记忆。
5、俏皮设计法
把横中间拉成圆弧,角也用圆处理,这个方法还有重要一点就是色彩,字体处理上加上色彩的搭配才能作出好的俏皮可爱字体。
6、尖角法
把字的角变成直尖、弯尖、斜卷尖可以是竖的角可以是横的角,这样文字看起来会比较硬朗。
7、断肢法
把一些封合包围的字,适当的断开一口出来 ,或把左边断一截,或右边去一截。注意:要在能识别的情况下适当断肢。
8、减细法
所有字体横和竖变细。
9、错落摆放法
把左右改为左上左下,上下排,或斜排就是一边高一边低,让文字错落有致排列。
10、方方正正法
把所有字的弯全改成横平竖直,四四方方的。
11、卷叶法
把所有字的最左或最右横或竖或点全卷起来,像浪花一样,此法,一般是找到一个点或线后转曲,用最下面或最左边或最右边的两个点向一边拉,以加节点的方法拉成一个圈,然后把他转成倒圆角后,留着最后面的两点,慢慢删除中间的节点。
12、横细竖粗法
选定个字体后,把横比划减细竖比划加粗。类似传统宋体字,横细竖粗撇如刀。
13、上下拉长法
把字变细,然后上下拉长,类似条形码的感觉。
14、结构转变法
可以说是代替法的一种,把竖或横线或折换成其他比划。
15、照葫芦画瓢法
先画一个几何图形,方形或矩形或星形,然后把字放进去,照几何图形路线制作字体。
16、画龙点睛法(或一点拉长法)
算是拉长法的一种,找到标志中的一个点或线作为重点把他拉长,使得处理好的字体,再加一笔更是画龙点睛之作。
17、洋为中用
大家都知道,我们使用的汉字成千上万,个个不同,而西方使用的拉丁字母,大写加小写再加数字标点符号乱七八糟加起来也就一百来个,在数量上和我们汉字差距很大。这就造成了被设计出来的英文字款比中文要多得多。
面对字库里面多如牛毛的英文字体,大家是否曾经对他们视而不见或匆匆带过,其实那里面蕴藏着西方设计师的无限创意,而作为汉字的设计者,我们可以好好利用这些创意,其实方法很简单。
替换法、共用法、叠加法、分解重构法、尖角法、横细竖粗法、简细法、联盟法、摆放法、卷叶法、方方正正法、上下拉长法、断肢法、结构转变法、照葫芦画瓢法、俏皮设计法、画龙点睛法。
1、替换法
替换法是在统一形态的文字元素加入另类不同的图形元素或文字元素。其本质是根据文字的内容意思,用某一形象替代字体的某个部分或某一笔画,这些形象或写实或夸张。将文字的局部替换,是文字的内涵外露,在形象和感官上都增加了一定的艺术感染力。
2、共用法
“笔画公用”是文字图形化创意设计中广泛运用的形式。文字是一种视觉图形,它的线条有着强烈的构成性,可以从单纯的构成角度来看到笔画之间的异同,寻找笔画之间的内在联系,找到他们可以共同利用的条件,把它提取出来合并为一。
3、叠加法
叠加法是将文字的笔画互相重叠或将字与字、字与图形相互重叠的表现手法。叠加能使图形产生三度空间感,通过叠加处理的实行和虚形,增加了设计的内涵和意念,以图形的巧妙组合与表现,使单调的形象丰富起来。
4、分解重构法
分解重构发是将熟悉的文字或图形打散后,通过不同的角度审视并重新组合处理,主要目的是破坏其基本规律并寻求新的设计生命。
总之,平面图形设计的目的是人与人的交流,作为设计者,学习运用符号学工具,会使设计更加有效。在平面设计如此繁杂的今天,把文字图形化运用到设计中,才能使作品具有强烈的视觉冲击力,更便于公众对设计者的作品主题的认识、理解与记忆。
5、俏皮设计法
把横中间拉成圆弧,角也用圆处理,这个方法还有重要一点就是色彩,字体处理上加上色彩的搭配才能作出好的俏皮可爱字体。
6、尖角法
把字的角变成直尖、弯尖、斜卷尖可以是竖的角可以是横的角,这样文字看起来会比较硬朗。
7、断肢法
把一些封合包围的字,适当的断开一口出来 ,或把左边断一截,或右边去一截。注意:要在能识别的情况下适当断肢。
8、减细法
所有字体横和竖变细。
9、错落摆放法
把左右改为左上左下,上下排,或斜排就是一边高一边低,让文字错落有致排列。
10、方方正正法
把所有字的弯全改成横平竖直,四四方方的。
11、卷叶法
把所有字的最左或最右横或竖或点全卷起来,像浪花一样,此法,一般是找到一个点或线后转曲,用最下面或最左边或最右边的两个点向一边拉,以加节点的方法拉成一个圈,然后把他转成倒圆角后,留着最后面的两点,慢慢删除中间的节点。
12、横细竖粗法
选定个字体后,把横比划减细竖比划加粗。类似传统宋体字,横细竖粗撇如刀。
13、上下拉长法
把字变细,然后上下拉长,类似条形码的感觉。
14、结构转变法
可以说是代替法的一种,把竖或横线或折换成其他比划。
15、照葫芦画瓢法
先画一个几何图形,方形或矩形或星形,然后把字放进去,照几何图形路线制作字体。
16、画龙点睛法(或一点拉长法)
算是拉长法的一种,找到标志中的一个点或线作为重点把他拉长,使得处理好的字体,再加一笔更是画龙点睛之作。
17、洋为中用
大家都知道,我们使用的汉字成千上万,个个不同,而西方使用的拉丁字母,大写加小写再加数字标点符号乱七八糟加起来也就一百来个,在数量上和我们汉字差距很大。这就造成了被设计出来的英文字款比中文要多得多。
面对字库里面多如牛毛的英文字体,大家是否曾经对他们视而不见或匆匆带过,其实那里面蕴藏着西方设计师的无限创意,而作为汉字的设计者,我们可以好好利用这些创意,其实方法很简单。
替换法、共用法、叠加法、分解重构法、尖角法、横细竖粗法、简细法、联盟法、摆放法、卷叶法、方方正正法、上下拉长法、断肢法、结构转变法、照葫芦画瓢法、俏皮设计法、画龙点睛法。
1、替换法
替换法是在统一形态的文字元素加入另类不同的图形元素或文字元素。其本质是根据文字的内容意思,用某一形象替代字体的某个部分或某一笔画,这些形象或写实或夸张。将文字的局部替换,是文字的内涵外露,在形象和感官上都增加了一定的艺术感染力。
2、共用法
“笔画公用”是文字图形化创意设计中广泛运用的形式。文字是一种视觉图形,它的线条有着强烈的构成性,可以从单纯的构成角度来看到笔画之间的异同,寻找笔画之间的内在联系,找到他们可以共同利用的条件,把它提取出来合并为一。
3、叠加法
叠加法是将文字的笔画互相重叠或将字与字、字与图形相互重叠的表现手法。叠加能使图形产生三度空间感,通过叠加处理的实行和虚形,增加了设计的内涵和意念,以图形的巧妙组合与表现,使单调的形象丰富起来。
4、分解重构法
分解重构发是将熟悉的文字或图形打散后,通过不同的角度审视并重新组合处理,主要目的是破坏其基本规律并寻求新的设计生命。
总之,平面图形设计的目的是人与人的交流,作为设计者,学习运用符号学工具,会使设计更加有效。在平面设计如此繁杂的今天,把文字图形化运用到设计中,才能使作品具有强烈的视觉冲击力,更便于公众对设计者的作品主题的认识、理解与记忆。
5、俏皮设计法
把横中间拉成圆弧,角也用圆处理,这个方法还有重要一点就是色彩,字体处理上加上色彩的搭配才能作出好的俏皮可爱字体。
6、尖角法
把字的角变成直尖、弯尖、斜卷尖可以是竖的角可以是横的角,这样文字看起来会比较硬朗。
7、断肢法
把一些封合包围的字,适当的断开一口出来 ,或把左边断一截,或右边去一截。注意:要在能识别的情况下适当断肢。
8、减细法
所有字体横和竖变细。
9、错落摆放法
把左右改为左上左下,上下排,或斜排就是一边高一边低,让文字错落有致排列。
10、方方正正法
把所有字的弯全改成横平竖直,四四方方的。
11、卷叶法
把所有字的最左或最右横或竖或点全卷起来,像浪花一样,此法,一般是找到一个点或线后转曲,用最下面或最左边或最右边的两个点向一边拉,以加节点的方法拉成一个圈,然后把他转成倒圆角后,留着最后面的两点,慢慢删除中间的节点。
12、横细竖粗法
选定个字体后,把横比划减细竖比划加粗。类似传统宋体字,横细竖粗撇如刀。
13、上下拉长法
把字变细,然后上下拉长,类似条形码的感觉。
14、结构转变法
可以说是代替法的一种,把竖或横线或折换成其他比划。
15、照葫芦画瓢法
先画一个几何图形,方形或矩形或星形,然后把字放进去,照几何图形路线制作字体。
16、画龙点睛法(或一点拉长法)
算是拉长法的一种,找到标志中的一个点或线作为重点把他拉长,使得处理好的字体,再加一笔更是画龙点睛之作。
17、洋为中用
大家都知道,我们使用的汉字成千上万,个个不同,而西方使用的拉丁字母,大写加小写再加数字标点符号乱七八糟加起来也就一百来个,在数量上和我们汉字差距很大。这就造成了被设计出来的英文字款比中文要多得多。
面对字库里面多如牛毛的英文字体,大家是否曾经对他们视而不见或匆匆带过,其实那里面蕴藏着西方设计师的无限创意,而作为汉字的设计者,我们可以好好利用这些创意,其实方法很简单。
文字的设计方式有很多种,例如通过字体变形,结构重组等方式来让文字变得更加特别,但往往会让我们耗费比较多的时间。
因此我一直在思考有没有一些方法,既简单又高效的设计方式来提高文字的设计感。在浏览国外的一些设计网站的过程中,做了一下文字设计形式方面的收集,并整理出十种我认为具有代表性的文字设计形式。另外还参考这些设计方式,使用中文字体进行了一些尝试。
一、拉伸的文字
拉伸的处理手法,让文字更具有张力,整体氛围更具标题感和图形化,但依然保留这文字该有但识别度。常见于纯文字排版的海报,既满足阅读需要,同时具有设计感。
拉伸与文字本身的字形、字体有着很大程度的关联,并不是所有的文字都适合拉伸,例如下面的案例
不同字体对比
从方案尝试中看出,左边字体在进行拉伸之后,文字本身的结构会遭到破坏,而右边的效果则较为可以接受。因此在设计的过程中尽量选择可适用于拉伸的字体,另外在拉伸的过程中需要对细节重新处理,使字体保留原有字体的细节美感。
不同字形的对比
从下面案例中对比,O在进行上下拉伸的时候效果比较好,而左右拉伸的时候会失去字体本身的美感,而Y在上下左右拉伸后整体视觉效果都相对平衡。
细节处理对比
优化字体线条的细节可以使得整体文字更加规整、方正(右边)。而未进行细节的设计则会显得笔画参差不齐(左边)。
传统与现代对比
传统的字体拉伸后(如下图中间的字体),字体本身的韵味就失去了,因此不建议对于一些较为传统的字体进行拉伸设计。
设计尝试
中文字的笔画比较多样性,因此在细节的设计上比英文来得更加复杂,在处理“撇、捺、点、折、弯、勾”时需要保持原本的笔画结构性。
拓展案例
结合实际要表达的内容,使用拉伸的设计手法,例如结合物体,叠加颜色或者交错拉伸等。
二、虚实结合文字
虚实结合即为线面/阴阳的设计手法,通过虚实的处理,可以突出一组或一段文字中的重点信息。在一些强调主次的设计中,可以尝试这种方式来做区分,线面结合的处理手法让原有都是面的字体多了一些的透气感和空间感。
虚实处理的方法需要考虑本身字体的粗细,过分纤细的字体效果可能并不明显,
尝试对比:
从对比中,发现粗体相比于细体来得更加直接更容易出效果,对比明确。
中文字体的尝试
从尝试中来看,与上面中的结论较为一致,较细的字体使用虚实结合效果并不理想。对于书法体的应用,更多需要考虑字体的收边效果是否工整,收边过碎,会影响在描边之后的细节美感。
设计尝试
三、递进渐变的文字
通过递增或者递减的设计手法,让原本简单重复的文字元素,变得更加具有层次感和节奏感,让文字的生命力变得更加丰富多样。
在设计的过程中需要提前规范好各个之间的差异关系及变化的效果过程。按照一定的数值倍数差异比进行变化。
不同方式的尝试对比:
在尝试的时候发现,粗细变化的模式可能更多会依赖于字体本身的模式。
中文字体的尝试
中文在使用递进渐变的方式中需要考虑整体文字的结构感和块状感,由于字形较为复杂,整体视觉效果会过于零碎。
四、扩展变化的文字
与递进渐变接近但却又差别的文字设计形式。扩展变化的文字具有张力的同时具有一定的速度感和发射性,就像向四周展开的波纹效果,具有延续性。
按文字的行高或者字宽作为基础值,按一定的比例,对文字进行破形切割处理,上下左右进行扩展发散。
比例值示意效果:
中文字体的尝试
外观的完整度还算可以,但由于中文本身自有的特性(笔画较为丰富多样),因此在扩展层次的数量上需要进行一定的控制,不宜过多,以短语或标题使用较好,避免过于形式而导致文字识别性降低。
设计尝试
五、底纹的文字
文字作为纹理出现在画面中,区别于图形化的纹理。既有图形感,同时可以辅助传达一定的信息和态度。
在字体的选择上尽量适用字形较为简洁的字体,避免影响前景内容的展示。设计上可以结合其他的设计形式,例如虚实结合/拉伸变形/扩展变化等方式,提升画面的丰富程度。
中文字体的尝试
常规的中文字体,整体效果还算不错。但结合中国书法字作为底纹,可以让整体的设计更具有不同于英文的设计感,整体效果更具有力量感,因此建议在设计中文底纹的时候可以大胆尝试中文书法字。
六、穿透的文字
通过叠加的方式,让原本简单的文字和背景产生了融合。既提升了背景的层次感,又让文字变得具有设计感。
粗细的字体会产生不一样的视觉感受,较细的字体会产生若隐若现的视觉效果,文字的识别性会稍弱,较粗的字体识别度基本上没有太大问题,因此在设计的过程中可以结合实际的情况选择不同粗细的文字。
粗细对比尝试
穿透的文字设计,对于打造设计的大片感具有很突出的视觉效果。例如漫威的电影片头设计
中文字体的尝试
结合不同的语意使用不同的字体,再结合穿透的设计方式,使画面具有中文的文艺感。
拓展案例
结合实际的内容设计,穿透文字的玩法还可以拓展出更多不一样的设计,例如下面这些例子。
七、扭动的文字
扭动的设计,让文字具有曲线的动态感,提升了文字的装饰性。不同曲线的动态变化,赋予文字不同的律动感。变形的文字并未影响到文字该有的识别性和阅读感,却具有了设计感。
如下面的三个案例,曲率的差别,赋予文字不同的动态规则,具有了不同的视觉感知,有时柔美,有时却具有速度感。因此在设计的时候,可根据具体的内容设计不同的扭动趋势。
中文字体的尝试
对比可见较细的字体使用扭动的设计,效果并不理想。由于中文笔画的差异点,经过扭动之后整体外形较为不规整,而粗体的效果则较为规整,动态曲线趋势也较为明显。
设计尝试
扭动+虚实+底纹的效果。
拓展案例
更高级的设计手法是利用自然环境的介质结合文字,起到扭曲的视觉效果。
八、立体层叠的文字
与扩展变化有异曲同工之妙,文字通过按一定的角度和位移间隔,由二维向三维的视觉效果进行变化,让文字更加多变化、重量感、层次感。
立体层叠的设计对于字体本身具有一定的要求,较为纤细的字体出来的效果并不理想,
不同的字体尝试
从对比中看出,细体或较细的衬线字体,层叠后会出现衔接不上或视觉黑点的情况(如下面左图和右图)。因此设计时建议使用粗体,并且整体笔画较为平均的字体(中间的图)。
中文字体的尝试
虽然具有了层次感和空间感,但也会让整体变得更加复杂,因此需要根据文字但多少情况进行使用。
拓展案例
立体层叠还不止单向的设计,例如可以进行轨迹变化,向外扩展层叠,或是增加一些颜色渐变来丰富整体的设计。
九、颜色叠加的文字
文字通过错位,叠加,颜色变化,透明度变化,切割等方式的设计之后,具有故障的视觉偏差感知。整体视觉感知类似双重曝光的照片,文字具有丰富的层次感。
颜色叠加的效果,对于颜色的选择极为重要,两个颜色交错之间的颜色可以为过度色或者互补色。
细体的效果并不理想(如上图左边第一个),建议设计的过程中使用较粗的字体,另外在使用的过程中需要考虑文字的识别度(如右边的效果),重叠之后文字的识别度或多或是会受到影响。
中文字体的尝试
由于中文字比英文复杂,因此使用中文字在设计的时候,可以寻找一些共笔的地方进行重叠(如下图左边的设计),利用字体笔画粗细一致的情况下,进行了边与边的重叠。另外在设计的过程中建议加大字距离,这样可以避免不同文字的重叠,产生过度复杂的效果,影响文字的识别性(如下图最右边的设计)。
拓展案例
在简单的叠色之外,结合不同质感和肌理,可以让整个文字更具有不一样的视觉感受。
十、立体空间的文字
文字按照立方几何结构进行排版,通过颜色差异,阴阳,线面等方式设计处理后形成空间感和立体感。相比于平面排列的文字更具有空间感和层次感,提升整体画面的设计感。
设计尝试
使用空间错位结合虚实的设计,让简单重复的文字变得具有空间感和立体感。
拓展案例
除了常规的空间打造,甚至可以融入到场景中或者结合物体本身的设计。
以上设计风格,常常会在一些运动品牌的设计中看到,如下:
Nike的设计中应到的文字,也会结合这些方式,来丰富和提高整体的设计感。
火箭队出场片头的字体应用,线形字体叠加渐变的效果,具有层次感又有未来感。
阿迪达斯的广告
Converse的广告
Under Armour的广告
除了一些品牌的设计,音乐唱片的封面也有应用到这些类型的设计手法。
我们除了在一些常规的媒介上会看到相关的文字设计,在这两年的耐克或阿迪达斯的鞋子设计中,也会加入文字元素的设计,甚至球员会直接在鞋子上直接写上文字。
其他更多—文字设计的拓展叠加
文字的设计已经成为一种新的设计趋势,结合实际需要表达的想法,对于设计手法进行活学活用是做出好设计的关键。当然对于基础手法的掌握才可能做到举一反三的设计思考。在实际设计的过程中,我们往往不会是单独使用某一种方式,而是对不同的设计手法进行重组再设计,或者使用2-3中方式叠加设计来打造整体的画面效果。如下:
最后
在这十种基础的文字设计中,通过结合发散可以迸发出远远不止于十种的创意设计。本次收集总结除了自身学习提高之外,希望可以起到抛砖引玉的作用,激发设计师对于文字的设计思考。
谢谢品鉴!
本文部分按图片来源于Behance和Pinterest