创意字体有妙招!教你四招晋级字体达人

@京东设计中心 :关于字体设计的话题之前已经有很多设计师发表过自己的观点和经验,但是这并不妨碍我们今天再次提起这个话题,每个设计师的工作方法和设计的切入角度都是不同的,今天我想跟大家着重谈谈创意字体设计的方法和思路 >>>

相比于专业性更强的印刷字体设计来说,创意字体设计只需将特定的某几个字或某几句话进行笔画的重新整合与创新,因此,你的工作量会比做一套字库来得轻松得多。但不同于印刷字体的是,你需要花更多的时间在你的创意上,如何让文字的震撼力和感染力变得更强,如何让你的创意在短短的几个字中呈现出来,都需要不断的进行思考与推敲。

创意字体有妙招!教你四招晋级字体达人

接下来,我就和大家分享一些我自己在具体创作过程中的一些经验方法,如有纰漏之处或者不同观点,欢迎指正。

第一招:一个亮点

扁平的设计风格现在越来越受设计师们的追捧,其优势在于它可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。在创意字体设计中也是一样,我们也要力求文字信息的“扁平化”。这里的“扁平”指的是在一组字体中,我们不要有太多附加的元素,在设定好整体风格的前提下,提炼出一个亮点足矣。

创意字体有妙招!教你四招晋级字体达人创意字体有妙招!教你四招晋级字体达人创意字体有妙招!教你四招晋级字体达人

以上这几组字体是从“京东七宗最”项目需求中筛选出的案例,每组字体中的亮点元素只有一个。

由于考虑到时间紧,项目急等因素,在开始动手设计前的半小时中我首先确定的是字体风格以及七组字体中的创意元素,当风格和亮点元素确定后,在开始动手制作,往往可以达到事半功倍的效果,这样避免了走一些执行上的弯路。

第二招:字体爆炸

有时候,在接到一个非常急的项目需求时,你来不及花太多时间去思考,如何通过讨巧的办法来让字体的设计感提升一个层次呢?这就是接下来我们要说的“字体爆炸”。

这种方法的好处在于,你可以先不去想文字结构的创意点和突破口,直接利用现有字形,然后将其“打破”,飞溅出的字体碎片形成的点线面对比,本身就可以达到一种强烈的视觉冲击力。

下面我们以京东招聘的banner为例来看“字体爆炸”:

1. 参考字形(方正粗谭黑简体)

创意字体有妙招!教你四招晋级字体达人

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

创意字体有妙招!教你四招晋级字体达人

3. 让字体爆炸

创意字体有妙招!教你四招晋级字体达人

4. Banner氛围烘托

创意字体有妙招!教你四招晋级字体达人

第三招:笔画断连

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

我们通过下面一个实际案例来具体讲讲断笔和连笔的运用。

创意字体有妙招!教你四招晋级字体达人

我们可以先打印出一款字体,进行观察分析,我们将横版与竖版的都打印在纸上,可以看出风和日丽四个字在字与字之间的连接上,竖版的比横板的好连一些,我们通过将字体进行错位排列后,可以连接的比较流畅。

在四个字中,“风”字中间部分有交叉的斜线,“和”字左半部分有斜线,“丽”字的两点也是倾斜的,因此,在不影响识别性的情况下,我们需要将他们摆正,来统一笔画。

创意字体有妙招!教你四招晋级字体达人

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

创意字体有妙招!教你四招晋级字体达人

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

创意字体有妙招!教你四招晋级字体达人

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

创意字体有妙招!教你四招晋级字体达人

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

创意字体有妙招!教你四招晋级字体达人

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

创意字体有妙招!教你四招晋级字体达人

第四招:水墨书法

水墨艺术是中国画的一种艺术形式,墨色的焦、浓、重、淡、清产生丰富的变化具有独特的艺术效果。在创意字体设计中它以其特殊的视觉效果与严谨的印刷字体及图形形成鲜明的对比,因此水墨元素成为极具东方审美意蕴的中国平面设计表现符号。

关于水墨风格的字体,我们该怎么去做呢?其实方法有很多,比如你可以直接利用现有字形去变化,像下面这样直接在电脑上打出几个字进行选择。

创意字体有妙招!教你四招晋级字体达人

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

创意字体有妙招!教你四招晋级字体达人

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

创意字体有妙招!教你四招晋级字体达人

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

创意字体有妙招!教你四招晋级字体达人

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

创意字体有妙招!教你四招晋级字体达人

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

创意字体有妙招!教你四招晋级字体达人

总结

创意字体设计的方法还有很多,也有非常多值得我们思考和感悟的东西,这也是创意字体设计的魅力所在。今天仅以概括性的语言表达了自己最常用的几种方法,作品不甚完美,权当抛砖引玉,希望大家喜欢。

【优设三月字体设计好文】

第一波:字体气质从何来?
《量身打造的学问!如何准确地传达出字体的气质?》

第二波:字体创意设计之移花接木!
《超实用教程!字体设计第一战之移花接木!》

第三波:人气超火的英文字体免费下载!
《流畅精致!40款优雅如诗的纤细字体免费下载(可商用)》

 作者:JDC 吴剑

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量92万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

创意字体有妙招!教你四招晋级字体达人

收藏 32
点赞 5

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。