
学画画从画一个鸡蛋开始,如果设计也如此,那么就从设计一句话开始吧。给你一句话,不加任何图片,你会怎么设计排版。
今天,我们借用木心的《从前慢》来探讨下怎么把单纯的一句话设计得符合诗歌的格调。
因为只有一句话没有图片,所以我们需要考虑的因素大概有:
字体 配色 排版 文字修饰
附:
从前慢
作者:木心
记得早先少年时
大家诚诚恳恳
说一句 是一句
清早上火车站
长街黑暗无行人
卖豆浆的小店冒着热气
从前的日色变得慢
车,马,邮件都慢
一生只够爱一个人
从前的锁也好看
钥匙精美有样子
你锁了 人家就懂了
一、字体的选择
事实上对一句话的设计排版,在字体上并没有严格的要求,无论是无衬线体、衬线体、手写体抑或其它,只要和文案的风格相搭配,就可以使用。
如下图左边使用无衬线体给人典雅轻松的感觉,右边使用类似喷漆的字体给人年轻豪爽的感觉。

在这里我选择使用衬线体——华文中宋。衬线体给人以严肃、怀旧的感觉,和《从前慢》的格调相搭。

二、配色:
因为这里我是要营造一种清新文艺怀旧的感觉,因此不宜使用过饱和的颜色,相反,选择色彩饱和度相对较低以及黑白灰会是绝佳的选择。这类颜色没有附加太多的感情,给人带来沉着宁静。
在这里我选择浅灰色来作为背景,深灰色作为文字颜色。

三、文案的排版
1、关于对齐:
设计的四大原则之一就是对齐。在这里有左对齐、右对齐、居中对齐以及两端对齐。我们无论设计什么,对齐是一个最基本的要求,同时也是一个设计师的基本修养,特殊情况除外。
值得注意的是,当两行字数不等时,两端对齐需要一些技巧,一般有:牺牲字距法、牺牲字号法、填充空白法。

2、字体大小:
使用小号的字可以换取更大的留白,人们在阅读的时候需要集中精力才能看清楚文案,而不是匆匆扫一眼就能看清,给人以精致而不是廉价的感觉。
从下面两张图的对比我们可以很清楚地感受到差距。


3、字距:
宽字距给人造成一定(一点点)的阅读障碍,也因此使得文案很耐看。保持宽字距有时可以带给用户完全不同的感觉。
对比下下面两张图,下面那张用了一点点橡皮擦除使其显得残破。


4、文本方向:
文本方向有横竖两种。现代我们接触最多的就是横向文本,如果我们在排版的时候使用古时常用的竖向文本,会对阅读造成一定障碍,同样的也会使得文案变得耐看,且有韵味,因为我们习惯把竖向文本和古籍联系在一起。

除了横竖之外,你是否还想过更罕见的文字翻转,这种造成一定阅读障碍但把握适中又不至于无法阅读的技巧,在某些时候,是点睛之笔。
下面图中的“生”和“人”两个字翻转过来,正好是“人生”二字,其他字模糊处理,突出层次感和主次。

5、大小、位置参差法:
把每个字的大小和位置设置为参差不齐,是一种常用的提高耐读性的手段。
使用的时候注意两点:一是一般大小和位置差距不可太大,特殊情况除外;二是大小和位置差距不可太微小,否则那种暧昧的大小差距会让人抓狂,尤其是设计师。

6、组成形状法:
把文案排版成一个形状,会使得排版有趣且有创意。
7、黄金分割线:
经典位置,不一定要使用,但请不要忘记。
四、文字修饰
这是很重要的一个部分,巧妙的文字修饰可以给文案添加更强的耐读性。
1、 残缺字体:
让文案不再完整,让每个字残缺,轻微阅读障碍不仅使得阅读变得缓慢提高了耐读性,同时也使得文字变得有趣而罕见。

2、汉字特有的拼音和田字格装饰:
在汉字的上方或者下方加上对应的拼音,虽然绝大部分用户不会去阅读拼音,但是它的确吸引了用户的注意力,也提高了耐读性。


3、标点符号修饰:
使用大号的句号、顿号、逗号、分隔号、着重号甚至制表符,同时保证他们不会夺走文案的主要位置,保持辅助修饰的功能,可以让你的排版不再单调。

4、 线:
单独把线拿出来讲,是因为线在其中起到千变万化的奇妙作用,以至于很难总结它。在这里绝不仅仅指直线,曲线、蚂蚁线都包括其中。本文中其他地方的部分图片便使用了线这个元素。
5、 字体纹理:
尝试给字体添加纹理,而不再是单调的纯色。有一种在字体里面填充图片的方法(暂且这么说吧,事实上在PS里更多的使用“剪切蒙版”来实现),推荐使用。见第六点图。
6、简单图案:
相对于阅读文字,人更喜欢看图片。因此有实际意义的简单图案可以给文案添加趣味性和耐读性。

7、 印章:
这是一个不规则的但却可以带来无限韵味的修饰图案,同时它本身也可以少量承载文案,使用它来装载作者名、年份、标题再合适不过。

也许有些地方我没补充到,但可以看出,简单的一句话的设计都能牵扯到如此多的一些地方。总而言之,先想清楚文案需要什么风格的设计,然后尝试着去制造适中的带有美感的阅读障碍吧。
网友评论