字体设计之实战篇

作者: 00bf7df96e7c | 来源:发表于2017-09-28 15:12 被阅读34次
     这是我最开始学习字体的回顾思维导图

    上图是我最开始学习字体的回顾思维导图

    写在开篇:

    在从事设计的头一年,可以说字体设计一直是我的痛点,但也可以算说是不敏感的点,因为刚入行,更多在学习版式,用色,PS效果和各种软件上面,后期才逐渐意识到字体设计的重要性。

    特别是在有些时候,明明想做点字体设计,增加效果,可是却有些无从下手的感觉。直到后面注重这块设计时,才“狠狠的”认识了各种各样的字体,花瓣上专门建立了一个字体设计,一下收集了上千个各种觉得优秀的字体,也看了不少前辈写的各种字体分享文章和书籍。

    最后,也并不是说自己字体设计能力如何厉害了,觉得有两大收获吧:一方面是感觉心理总算是有个大概框架,对字体设计有一种从容态度,这在后来做设计时,如果时间来得及,我都争取去做些字体设计,跟这关系也很大,因为我知道自己可以hold住,同时也就有前面第一篇:字体设计之认识篇,其实这一篇,与其他字体认识篇不同的地方在于,它是全局观的,没具体到什么字体和技巧性的东西。在我看来,我觉得字体认识篇就像是对字体创意类型的总结分类吧,就像设计师会有自己的灵感素材库一样的,我的那篇文章就是字体灵感库一种分类吧。在对需求的具体分析下,大概知道字需要什么的字体设计风格,就可以很好着手设计了。

    在这里试着把在字体设计实操过程中的一些想法思考流程等总结下,当然也不会太具体到什么技巧,并不会像一些文章,各种招式都用出来了,如移花接木啥的,不过这些招式有是有一定道理的,但我还是要试着写点不一样的观点或者角度。做字体设计,或者做其他什么设计,关键是意识问题,意识打开了,思维打开了,灵感或许就多多了,anyway, 在字体设计道路上,我也还是小白,继续探索学习。

    下面主要谈三种方法归类,好像总喜欢总结为三种,主要是运营营销性质的字体设计,像标志字体设计也会涉及一些。三个方法分别是,一是纹理法,二是笔画法,三是图形法。


    方法一:纹理妙用

    上图先:

    纹理妙用

    纹理妙用:其实这是我在插画学习中摸索到的,各种纹理应用到字体设计上,也有着比较好的效果,像下面这张插画,作者(MartynaWójcik-Śmiersk,)是一位很会利用纹理装饰的插画家。我想如果去掉这些纹理,整个画面就会相对而言比较死板,就像那些素材库简单一搜的矢量卡通图一样。

    这四张图算是可以比较有代表性的纹理妙用,且效果也出彩。光线这张把字体做一些简化处理,且通过笔画之间的阴影做了层次划分,然后再通过噪点泼墨纹理做效果。

    下面这个则是字体稍作处理,加了黑底,也是做了阴影处理,但这个阴影处理则是通过斑点纹理实现,也是给人一种比较新的尝试。除了斑点,还有线条,高光等处理方式。

    致未来,这张BANNER本人很是喜欢,喜欢它的版式,还有细节处理,这个字体也是。很多时候,做运营类海报,字体并不是要设计得酷炫,往往好的创意就是在简单的基础上做了一些改变。这张图片的字体设计,就是对笔画的一角做了带有速度运动感的线条纹理,但整体效果却很好。这张图片,我一直保存在手机里,它的版式,背景简单元素(圆点、细线、符号、英文字母)点缀的运用,字体巧妙的细节改变,每看一次,就觉得思路打开很多。

    下面这个设计,大家应该见怪不怪了,太经常用的设计效果了,什么晚会啊,地产啊,视频片头,很多都会用这种效果的字体。这类字体先是做了立体画处理,在各种明暗调整,光效调整等等,给人一种很大气很土豪的感觉。

    最近比较流行简单的阴影纹理处理,像下面这种,互联网公司,银行APP的一些活动会看到这种效果的文字:简单渐变、阴影处理、光效,有些也类似ICON做拟真效果。 像以前很早时候的字体设计,总喜欢用各种图形样式去加工字体,加描边,做浮雕,做渐变,不得不说,这样设计如果没有很好的把控力,一不小心就会处理的不当,建议新手尽量少用些图形样式,用也是有把握的用,别为效果而效果

    纹理法,作为第一种方法,也是比较基础好操作的,且纹理用到位,也是有着很好的视觉效果。它的着力点比较单一,就是在字体原有的基础上(包括你设计调整的字体)去添加合适的装饰。

    比如光影、光效、阴影层次、立体化、噪点等纹理(纹理多种多样,可以大大探索),渐变、描边等,如下面黄金时代,全部添加黄金质地的纹理,智能产品添加电子线路纹理等。

    方法二:笔画法

    笔画、笔画、笔画、

    重要的事情说三篇,什么是笔画?希望不要是横撇竖捺这样“规矩”的笔画,

    我要说的笔画是万物皆可笔画。对,就是万物皆可笔画。

    这道理,可以打个比方,比如一个圆形,你说他它像什么,

    可以是苹果、橘子、气球、轮胎、电风扇、太阳、碗、灯、笔头、眼珠子、水管切面等等等

    而笔画同理,一条直线不必是黑色的线条,也可以是一般直直的书,一排球,或者各种东西排成一条线类似这样。

    值得注意的是:一套字体设计里,笔画切忌多,最好1到3种就好了,一种一样的笔画,二种笔画,或者两三种同样特点的笔画等等。

    可以说,笔画在这里是广义的,不要拘泥于字体的笔画,把字体的构成部分,看成是一种笔画的组装游戏,具体用什么组装,就看你怎么创意设计了。

    首先,可以先看常规的笔画设计,这在标志字体设计比较多见,比如下面一些:

    从上面三个例子,可以看到,财新,两个字,模仿宋体横细竖粗处理,几乎只有两种笔画贯穿两个字,就算再多字,也可以用这两个笔画去合理“组装”他们。具体组装时要处理的细节,可以看第一篇的认识篇,注意那些字体的特点。做伙过年,也是只用两个笔画,精炼则是做了笔画细节处理,把这种特点衍生到其他部位。

    再看下图:图一则是常见的比较有气势的字体设计,笔画是很粗狂的笔刷估计。台北电影节则是细线笔画,外婆味,则是笔画转角处做了圆化处理。

    但其实,这些笔画建立的基础,会跟前期字体造型有关,还是需要一定字体设计的基础,怎么去简化笔画,怎么创意构思整体字体造型,再是考虑结合什么笔画问题。

    再看些例子,下面的笔画则相对大胆很多,关键是敢想,笔画也可以这样。五月天的随意涂鸦风,逃离北上广的洒脱,月光曲的优雅曲线,还有金陵十三钗的血色浪漫,平时多看多记录总结,这些不一样的笔画也可以应用在你的下一副类似调性作品中的。

    接下来,就是广义上的笔画,相对来说,这部分容易出彩,关键在创意,不像标志字体设计,要很好把握处理好字体细节,这里广义上的笔画则会相对好些,看下图:

    下面这些图很明细,就是打破了对笔画固有形态,由无数的点组成的聚烈,由各种工具组成的“新一代设计展”,还有线条的“香港”两字,还有下面的由”烟火”绘制而成的烟花字体,和木头组成的“木头字”。

    对于广义的笔画,其实还有很多例子,比如我们常见的霓虹灯字,或一些手工拼装的字,如云朵字,折纸字,蛋糕字,软陶字等等。

    如果你手工技术好,可以手工做些字体,如果不行的话,ps技术相对好些,也是可以实现各种笔画的字体设计。

    折纸字体设计

    方法三:图形法 

    图形法其实也比较常见,比较简单的就是把字体中一些笔画进行替换或者设计成某种形状样子,如:下面电影芳华,“华”下面的“十”部分被替换成了一个在跳舞的女子。这些替换的前提并不会影响字体的识别性,且还更具创意,对字体信息作了进一步的诠释。

    再看一些图形化的字体设计,做好这一块设计,关键是由字体本身去衍生视觉图形,像汉字本就是从甲骨文演化而来。有时可以不从字体本身去图形化改变,也可以往字体身上添加图形,就像下面的“森”和“设计改变生活”,心花路放则在电影的内涵上做了字体部分创意设计。

    比较好的图形化设计,不仅可以在字体含义以视觉进一步加深,还可以由外及里,进一步加深,如下面的几个优秀作品:他们对字体图形化设计并不是改动很多,或添加复杂的图形,而是抓住其本质表达的内涵来进行设计,第一个作品,简洁的力量,删减简洁的同时却依然保持了识别度,也同时以自身设计的特点进一步诠释了书名表达的思想。第二部作品则是让字体作了一种被风吹动的感觉,也是和第一个作品同样的作用,第三第四也更是这样:字体作了符合它本身含义或要表达内容的视觉化展示。

    差不多讲完了,最后再讲点感性之见:

    像平时经常会听歌,那些音乐专辑的海报设计,或者其中字体设计有着很多优秀的作品。

    而这些字体作品,发现他们会散发一种感性的思维在里面,字体本身也试着在表达一种情感,大家听音乐时可以注意下,如下面这张,第一次见就喜欢上了:你说好在哪,不从技巧性来说,但从感性这点来说,觉得是很有意思的设计,“青春里住了谁”  青春和了谁之前拉了一条“纠缠、漫长的”线,就像这文字表达的,体现了一种青春的、抑或是感情的牵绊、纠缠、悠长、羁绊等感觉。

    或许是我想多了,或许也只是我个人见解,也不知设计师是不是这种想法设计的。就是想说下,感性得设计也是一种好思路,从而设计出带有温度,带有感情的作品来。

    最后的最后,再啰嗦些:

    在完成字体纹理,笔画,图形创意设计后,还可以做下一步的完善:

    1.  对各字体大小、整体版式、色彩、还有与整个海报或页面搭配性进行调整。

    2.  用不同尺寸做对比,充分考虑字体在不同尺寸下的能否清晰显示到位。对字体进行放大放小 、看识别性、阅读性如何。(印刷或匹配不同尺寸需要)

    这样,三种方法差不多讲完了,一些个人见解和总结。但不可否认的,字体设计对一副视觉作品的重要性,希望和大家一起共勉,继续学习。

    谢谢观看。

    相关文章

      网友评论

        本文标题:字体设计之实战篇

        本文链接:https://www.haomeiwen.com/subject/sqzprxtx.html