越来越好 发表于 2014-12-5 03:48:35

四招进击字体达人

      
http://pic.16xx8.com/allimg/141204/2154593a2-0.jpg

关于字体设计的话题相信之前已经有很多设计师发表过自己的观点和经验,使人看完之后受益匪浅。但是这并不妨碍我们今天再一次提起这个话题,每个设计师的工作方法和设计的切入角度都是不同的,今天我想跟大家着重谈谈创意字体设计的方法和思路。
相比于专业性更强的印刷字体设计来说,创意字体设计只需将特定的某几个字或某几句话进行笔画的重新整合与创新,因此,你的工作量会比做一套字库来得轻松得多。但不同于印刷字体的是,你需要花更多的时间在你的创意上,如何让文字的震撼力和感染力变得更强,如何让你的创意在短短的几个字中呈现出来,都需要不断的进行思考与推敲。

http://pic.16xx8.com/allimg/141204/2154594I1-1.jpg

接下来,我就和大家分享一些我自己在具体创作过程中的一些经验方法,如有纰漏之处,欢迎顶帖回复。
第一招.一个亮点
扁平的设计风格现在越来越受设计师们的追捧,其优势在于它可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。在创意字体设计中也是一样,我们也要力求文字信息的“扁平化”。这里的“扁平”指的是在一组字体中,我们不要有太多附加的元素,在设定好整体风格的前提下,提炼出一个亮点足矣。

http://pic.16xx8.com/allimg/141204/2154594536-2.jpg


http://pic.16xx8.com/allimg/141204/2154596023-3.jpg


http://pic.16xx8.com/allimg/141204/2154596242-4.jpg

以上这几组字体是从“京东七宗最”项目需求中筛选出的案例,每组字体中的亮点元素只有一个。
由于考虑到时间紧,项目急等因素,在开始动手设计前的半小时中我首先确定的是字体风格以及七组字体中的创意元素,当风格和亮点元素确定后,在开始动手制作,往往可以达到事半功倍的效果,这样避免了走一些执行上的弯路。
第二招.字体爆炸
有时候,在接到一个非常急的项目需求时,你来不及花太多时间去思考,如何通过讨巧的办法来让字体的设计感提升一个层次呢?这就是接下来我们要说的“字体爆炸”。
这种方法的好处在于,你可以先不去想文字结构的创意点和突破口,直接利用现有字形,然后将其“打破”,飞溅出的字体碎片形成的点线面对比,本身就可以达到一种强烈的视觉冲击力。
下面我们以京东招聘的banner为例来看“字体爆炸”:
1.参考字形(方正粗谭黑简体)

http://pic.16xx8.com/allimg/141204/21545932c-5.jpg

2.抹去原字体的圆角结构,组合字体形成整体

http://pic.16xx8.com/allimg/141204/2154596245-6.jpg

3.让字体爆炸

http://pic.16xx8.com/allimg/141204/2154594195-7.jpg

4.Banner氛围烘托

http://pic.16xx8.com/allimg/141204/21545924L-8.jpg

第三招. 笔画断连
连笔和断笔在创意字体设计中运用的十分广泛,它们往往同时出现。连笔的运用,一方面可以增强笔画之间的联系性,另一方面也能增强字体的整体性;断笔往往出现在笔画的连接处,可以使连笔笔画更为自然顺畅。连笔和断笔的必须与结构相呼应,不能生搬硬套,不能牵强,同时还要保持字体的识别性。
我们通过下面一个实际案例来具体讲讲断笔和连笔的运用。

http://pic.16xx8.com/allimg/141204/2154595055-9.jpg

我们可以先打印出一款字体,进行观察分析,我们将横版与竖版的都打印在纸上,可以看出风和日丽四个字在字与字之间的连接上,竖版的比横板的好连一些,我们通过将字体进行错位排列后,可以连接的比较流畅。
在四个字中,“风”字中间部分有交叉的斜线,“和”字左半部分有斜线,“丽”字的两点也是倾斜的,因此,在不影响识别性的情况下,我们需要将他们摆正,来统一笔画。

http://pic.16xx8.com/allimg/141204/2154595145-10.jpg

像这样我们在软件中用钢笔工具将字体的骨架搭建完成,并根据分析的结果寻找笔画连接点。

http://pic.16xx8.com/allimg/141204/2154594410-11.jpg

观察字形我们可以看出,“风”字的左右两笔是向外扩散的,因此,我们先保持“风”字的位置不变,将下方的字体向左移,使其连接后不影响识别性。但是,这样连接后字体明显重心不稳了,所以我们先给他做个倾斜处理。

http://pic.16xx8.com/allimg/141204/21545aQ9-12.jpg

倾斜后的字体重心依然向左倾,因此,我在这里的解决方法是延长笔画,使其达到平衡的状态,具体过程如上图所示。这样,基本骨架搭建完成了,接下来我们细化它。

http://pic.16xx8.com/allimg/141204/2154594O5-13.jpg

优化一些笔画,增强笔画间的联系性,使字体更整体,同时,风吹的感觉更明显。

http://pic.16xx8.com/allimg/141204/2154593047-14.jpg

这一步非常重要,在所有笔画调节好后,我们需要让字体变得更耐看一些,试着改变笔画的形状,竖线加粗,横线变细,同时注意笔画连接处的处理,这里,我们通过笔形的变化,得到了右边的字形,这样,整个设计就基本完成了。

http://pic.16xx8.com/allimg/141204/2154594208-15.jpg

第四招.水墨书法
水墨艺术是中国画的一种艺术形式,墨色的焦、浓、重、淡、清产生丰富的变化具有独特的艺术效果。在创意字体设计中它以其特殊的视觉效果与严谨的印刷字体及图形形成鲜明的对比,因此水墨元素成为极具东方审美意蕴的中国平面设计表现符号。
关于水墨风格的字体,我们该怎么去做呢?其实方法有很多,比如你可以直接利用现有字形去变化,像下面这样直接在电脑上打出几个字进行选择。

http://pic.16xx8.com/allimg/141204/2154594T7-16.jpg

或者说你想动动手也无妨,拿出毛笔在纸上写几个出来,选出最合适的。

http://pic.16xx8.com/allimg/141204/21545aW5-17.jpg

将选择出来的字体转化为矢量,调整笔画造型,并分析其优化空间。

http://pic.16xx8.com/allimg/141204/21545954R-18.jpg

仔细感受两个字的组合,可以发现略显拘谨,因此我们要打破一下沉默的气氛,在上图中箭头与红圈标出的部分加一些具有动势的墨点。

http://pic.16xx8.com/allimg/141204/21545a303-19.jpg

像这样的水墨风格字体大家也屡试不爽了,也很常见。所以为了以示不同,我们再来看其他几种“水墨风格”的字体设计。

http://pic.16xx8.com/allimg/141204/21545a3T-20.jpg

水墨的感觉不一定非得像前面那样去呈现,有时候它可以像上面这样子,巧妙的利用一下电脑软件,也能实现独特的韵味。或者说像下面这张图一样,在几何字体基础上叠加水墨元素。

http://pic.16xx8.com/allimg/141204/21545925c-21.jpg

总结

http://pic.16xx8.com/allimg/141204/2154591639-22.jpg

创意字体设计的方法还有很多,也有非常多值得我们思考和感悟的东西,这也是创意字体设计的魅力所在。今天仅以概括性的语言表达了自己最常用的几种方法,作品不甚完美,权当抛砖引玉,希望大家喜欢。
教程编号:0 作者:吴剑 出处:站酷
页: [1]
查看完整版本: 四招进击字体达人