浅析歌词设计的100万种可能(上)——字体与排版篇
转⾃:⾼设之路(ID:zhoudongDesign)
作者:周董
作为⼀名处在视频消费时代的设计师,MV歌词的设计作为视频效果中的⼀个重要部分越来越多出现在设计师的⼯作视野中。在此我想详细分享⼀下我的关于歌词设计的⼀些经验。基于我的长期思考和实践,计划分为上下两篇来跟⼤家分享⾳乐MV中歌词的设计经验。上篇包括「歌词字体及排版」,下篇包括「
歌词动效及实现」。
⾸先我们来思考⼀个问题:如果这个世界的MV没有歌词那该怎样?
带着这个问题我们来看⼀下下⾯这条短⽚:
(⽰例视频⽚段源⾃QQ⾳乐MV 「只好做梦-刘⼀⾟」)
通过短⽚中的两组对⽐我们不难看出,⼀⽀MV歌词在其中起着两种作⽤:1.渲染⽓氛,歌词本⾝就是⼀种美,画⾯的美需要跟歌词⽂字的结合才能更好的烘托氛围。就像第⼀组对⽐中的MV,失去了歌词字幕画⾯就会给⼈⼀种尬尬的感觉。2.歌词明确的告知观众歌曲在唱着什么。
所以说歌词设计在MV效果中起着⾄关重要的作⽤。歌词之于MV就像是盐之于美⾷,是必不可少的。
既然歌词效果对于⼀个MV来说如此重要的话那如何设计好歌词呢?在我看来歌词的设计分为四步:1.字体选择;2版式设计;3动效设计;4具体实现。
如何设计歌词
⼀、字体
⾸先我们来看看字体部分。俗话说知⼰知彼百战不殆,善于选择契合的字体必须要先了解字体。
我们就从汉字的衬线、字重、字怀、字⾯、中宫、重⼼这六个属性来讲解字体。其中前两者衬线和字重⽤的较多,后四者⽤的相对少⼀些,⼤多是字体设计的时候⽤到,这⾥也需要设计师多⼀些了解。
01.衬线
字体笔画末端有⽖状或者线条叫衬线。通常字体族⼤体上分为两类:serif(衬线体)和 sans-serif(⽆衬线体)
例如左边宋字的笔画末端就有不⼀样粗细的线条,所以是衬线体,右边宋字笔画直来直去是⾮衬线体。
衬线体,在传统的正⽂印刷中,普遍认为衬线体能带来更佳的可读性,强调了笔画的开始及结束,因此较易前后连续性的辨识,长时间阅读不容易疲劳。
⾮衬线体,相⽐严肃正经的衬线体,⽆衬线体给⼈⼀种休闲轻松的感觉。随着现代⽣活和流⾏趋势的变化,如今的⼈们越来越喜欢⽤⽆衬线体,因为他们看上去“更⼲净”。总的来说就是:
衬线体传统,常⽤印刷;⾮衬线体,更简洁现代。
02.字重
字体笔画的粗细称为字重(Weight)。国际标准 ISO规定了字重的9种级别,由细到粗依次⽤W1、W2等等来区别,并⽤相应的英⽂ExtraLight、Light等等标识。
例如iOS系统的默认字体苹⽅有6种字重,⽽安卓官⽅的默认字体思源⿊体有7种字重。做UI设计的时候通常会选⽤Regular或Light做默认⽂字的字重,⽤较重的Medium做模块标题或强化操作的字重,以此来区分信息。
03.字怀
笔画间留⽩部分的多少成为“字怀”。字怀就是字体内的空间。橙⾊部分就是字怀,越粗⼤的字体字怀越⼩,越纤细的字体字怀越⼤。字体基本使⽤逻辑——字怀⼩的字体适合做标题,字怀⼤的字体适合做正⽂。
100种不同的字体字怀却会受到字重影响,字重⼤⼩会影响到笔画粗细,⽽笔画粗细⾃然就影响到笔画间留⽩也就是字怀的多少了。
字怀却会受到字重影响,字重⼤⼩会影响到笔画粗细,⽽笔画粗细⾃然就影响到笔画间留⽩也就是字怀的多少了。
04.字⾯
字⾯就是指字体所占字⾯框的字⾯率⽐例⼤⼩。字⾝和字⾯的概念来⾃⾦属活字type face,在⾦属活字上,字⾯部分就是凸起的字,铅模外框则是⾃⾝。现在字体设计中的⾃⾝框、字⾯框正是由这⾥演化⽽来。
字号相同,字⾯⼤的字看起来就⼤,字⾯⼩的则看起来就⼩。
05.中宫
中宫可以⽤来衡量单个汉字的笔画基于重⼼收敛或是发散的程度。字体设计中所说的“中宫”也是指九宫最中间的那⼀格,粗暴理解就是汉字重⼼周围的区域,我们通过衡量这个区域笔画的位置、布局来分析汉字的结构和造型。
我们⽤结构的松紧来描述字体中宫的不同,当然这种松紧也是可粗略测量的,字体笔画聚拢或靠近中宫框,就是字体中宫紧凑,反之,字体笔画分散或远离中宫框,就是字体中宫松散。中宫会直观影响到字⾯的⼤⼩,中宫紧凑字⾯⼩,中宫送三字⾯⼤。中⽂字体设计时,可以通过微调字⾝、字间距的中宫,获得更统⼀的视觉⼤⼩。
06.重⼼
字体重⼼其实就是⼀个字最吸引视线的中⼼,所以也可以称为视觉中⼼