写给新手的版式设计基础指南（一）：表现力

下面俩啤酒海报，哪个感觉更廉价？ 这还用说嘛，当然是B了，因为有帅哥呀~（跟大猫一样帅！） 正经点！好吧，因为B出现了人物肖像，亲和力比A这种高冷范强多了。买得起的东西才有亲和力嘛，所以B给人感觉更廉价，属于朕买得起的范畴。 反观A呢，给人很大的距离感，感觉就贵，买不起系列。

 下面两个名片，哪个更易让人产生信赖感？ 当然是B这个表情简单的！因为对齐做的好，给人感觉整洁、专业。 反观A，太过复杂，花里胡哨。怎么也不像是能认认真真办事儿的嘛！ 所以B更能让人产生信赖感~（好像有道理诶！） 为什么都是啤酒、名片，却给人不同的心理感受呢？ 这其实就是不同的排版格式所带来的影响！（小声：扫噶！） 我们一直常说版式版式，这个“版式”我所理解的就是排版的格式！（也有说法叫排版样式（《七日掌握版面设计基础》中的叫法），排版风格、排版调性啥的，不管怎么说吧，这些都是一个东西了。） 按照朕的理解，排版是一种技能，而版式是一种模版。 根据不同的项目需求，选择不同模版，自然会达到事半功倍的效果。 所以今个儿，咱们就来聊聊排版的格式！ 格式决定版面效果的70%！

 听起来很震惊吧，但事实确实如此。 可以这么说，选对了排版格式会节约70%的排版时间！ 打个比方，这里有一张羽毛球比赛的宣传海报。 整体效果灰常不好，因为他除了没用好排版的基础规则，更关键在于，没搞明白排版的格式。 属于没搞清楚要做个什么样子就动手的典范， 在这里朕花了几分钟优化了排版，改了两版，咱先瞧它一瞧。

 这一版感觉高大上了不少，可能也有很多盆友喜欢，但朕要说的是，这不是一个好设计。主要是因为他排版的格式不对。 咱提到大学生羽毛球赛，那是什么感觉？ 那肯定是朝气蓬勃、阳光向上呀。 那必须是锣鼓喧天、鞭炮齐鸣、红旗招展、人山人海呀。 而这些气质这个海报全然木有。纯黑的背景，精致的字体，虽然属于非常有格调的版式，但却完全没有生气，仿若一滩死水，看不出半点朝气蓬勃的样子嘞。

 真·我批判我自己。（看，本猫对自己是很严苛的！） 为啥会造成这个感觉？ 那是因为这个排版格式是一种昂贵的格式，也是一种没有生机的格式， 这种格式表现一下高端奢侈品还是ok的，但表现朝气蓬勃的大学生还是算球啦~ 咱再来看改的第二版 虽然不说多么优秀吧，但运用格式是okkk的。 明亮的色调和简单的字效，虽然简单，却比黑色那个活泼，也更贴合大学羽毛球赛的感觉！ 所以说，这稿用对了排版的格式！ 这样一对比，第一稿确实死气沉沉。 

虽然他排版没啥问题，甚至用的字体还比较高端，但风格错了，用再高端的字体又有撒子用呢。 就算撒泼打滚+骂街，那也是铁定没用的！ 这也就说明了，排一个什么样的版式就要用什么样的风格。 而什么样的风格，决定用什么样的排版格式！ 高端的东西用高端的格式，活泼的东西用活泼的格式。 见不得人的东西自然就用见不得人的格式呗！ 那么排版的格式是由什么决定的呢？（害，说了这么大一圈，终于兜会来了~） 在版面中，决定排版格式的有八大要素，分别是表现力、图版率、文字跳跃率、图片跳跃率、网格拘束率、版面率、构图。

 这八大要素又被称为八奇技！（第八奇技是像朕一样的伟大坚强~） 只有全部掌握了这八奇技，才算是掌握了本座的这套绝世功法。 鉴于本次功法过于强大，咱就分为五块来讲。 今天咱就说说这第一讲：表现力！ （表现力也有书中叫视觉度，但寡人觉得“表现力”涵盖的更广。《七日掌握版面设计基础》中虽叫视觉度，但这包括插画和照片。本猫觉得，文字元素也有表现力在其中，不能单独拎出来~） 表现力 何为表现力？表现力就是视觉张力，也可理解为视觉冲击力。 咱平常排版，用到的最基本的元素无外乎：文字和图（包括照片、插图等）。 

插图嘛，理解成插画也是完全okkk的！ 就表现力而言，一般是这种排序：插图＞照片＞文字 文字呢，如果不做一些设计手法的处理，基本就是冰冷而没感情的，所以表现力最弱。 而照片的表现力比文字高，但一般比插图低，特别是海、天、云之类的照片，越空旷的表现力就越弱。 如果是有焦点的照片，那么表现力还是挺强的，比如特写的人、动物、静物等。 而在照片中，表现力的排序为：人物＞动物＞静物＞风景。 究其原因，是因为在心理学中我们对自身相关的东西表现的更为关心。而人物是我们的同类，自然要比动物、静物、风景更靠前。 插图也是一样，纯风景插画的表现力肯定比有主体的表现力弱。 简单来说表现力这块可以概括为： 越空旷，表现力越弱；越饱满，表现力越强！ 越安静，表现力越弱；越张扬，表现力越强！ 表现力强，亲和力就强；表现力弱，亲和力就弱！ 那么在排版中，表现力是不是越强就越好呢？ 那自然是不能的。强表现力与弱表现力有各自的应用范畴。 

问大家几个问题 

1. 要表现高端奢侈的感觉用强表现力还是弱表现力？ 弱表现力！ 这个是不是就很空旷，留白很多，产品也只用了一个静物表现，显得非常昂贵。

 2. 要表现大众消费的感觉用强表现力还是弱表现力？ 强表现力！ 回到咱开始的那张图，同样是啤酒，右边的就显得更亲民一点！我等也能消费的起。 究其原因，正是因为人物照片的表现力比静物的表现力高出好几个量级。 况且孔刘大帅哥面带笑容，亲和力更是爆棚！ Ps：人物的表情也是会影响亲和力哟！高冷的亲和力肯定比和蔼的亲和力差。所以大家要多笑哟~（就像大猫一样！）

 3. 要表现活泼、积极向上的感觉用强表现力还是弱表现力？ 强表现力！ 这个主体用插图的方式，表现力很强，所以就较活泼。而且版面非常的饱满，一看就是阳光向上的好孩纸！ 

4. 要表现简约安静的感觉用强表现力还是弱表现力？ 弱表现力！ 这个作品画面比较空，并且用了表现力较弱的风景照，就会给人安静和简约的感受。

 5. 要表现狂放不羁的感觉用强表现力还是弱表现力？ 强表现力！ 用强人像特写这种强表现力的形式，结合凌乱摆放的充当了图形元素的文字，给人的感觉夸张和不羁！ 注意： 虽然弱表现力能给人安静或者距离感，但往往也会造成枯燥乏味的感觉。 所以在表现弱表现力的时候要拿捏好尺寸，不要做个枯燥乏味的东西哟！ 因为太枯燥乏味，别个儿根本就没有看下去的欲望。 提升表现力和亲和力，仅仅需要增加一幅插图！ 这里有一版介绍福特汽车的海报。 

海报是纯文字的形式，除了英文每行太长，整体还是很精致的排版。 但这个版面问题非常大，因为表现力太弱了！感觉很高冷很乏味，反正老夫没有读下去的欲望。 那么怎么解决这个问题呢？提高表现力就行了！ 上面咱说图的表现力比字要强，那么插个图就好了嘛！ 仅仅是加了一副插图，英文的行距缩短了一点，整体感觉是不是大不一样！ 它竟然变得可以让朕这么挑剔的人读下去了！ 那么表现力可不可以更高呢？自然是能的！

 虽然加了一个插图，但我们可以继续丰富这个插图嘛，让插图更聚焦、更吸睛，表现力自然就更强！ 比如朕画几个圈圈诅咒一下它。 这几个圈圈还用了另一种颜色，一下子就把视角焦点突出了。 加了圈圈，排版是不是显得比上面更饱满呀！ 更饱满=表现力更高。 所以咱瞅着视觉上更舒服了，更大更持久了，阅读体验提升的不只一点！ 这就是表现力的力量。 如果想让表现力更高，那就在版面中加入更多的元素或色彩吧。 这一稿仅仅又加了一个色块，表现力又提升一级，层次和设计感又增加了。

 这里有同学就要问了，既然增加表现力就能增加设计效果，那我把表现力加到极致岂不碉堡？ 碉堡嘛？那肯定是碉不爆的！因为随着表现力的增加，版式的气质会发生变化。 表现力加到极致，那给人的必然是廉价、大众、没格调、很活泼的感觉。 而这种感觉跟福特肯定是格格不入的。

 不信咱瞧瞧 这就很失败了吧，虽然更饱满，元素更多，表现力很高。 但是与目标不匹配呀。当个小盆友活动的背景墙还差不多。 所以增加表现力或者减少表现力，不能把人家原来界定的气质给改了，不然就太失败了！ 所以设计前最重要的一点，就是要把项目调性给整对。 高格调咱就用弱表现力； 活泼年轻咱就用强表现力； 奢侈且昂贵咱就用弱表现力； 大众消费且亲民咱就用强表现力； 见不得人咱就用见不得人的表现力。 以上。 

讲到这儿呢，老夫也不造有没有说明白“表现力”到底是个什么玩意儿， 所以有木有说明白，各位大佬留言告诉我吧~ 这篇文风这么搞，咱就要这种不正经的，轻松愉快的氛围。所以，点个赞吧~ PS：本文知识点参考了经典版式书《七日掌握版式设计基础》，但可惜的是这本书已经绝版多年，案例图片也都是黑白的，可想而知有一定年头了~ 老夫多年前有幸珍藏了一本，想着这么好的内容不该消失于世。所以结合其中知识点，加入了自己的感悟理解和案例，重写了这份排版《玉女心经》系列，除了希望能帮到大家，也希望经典的内容能够保留。 

有生之年，希望这本书再版，造福广大群众~~ 更多平面好文： 如何临摹才能快速进步？平面高手用实战案例给你思路！新手如何正确临摹才能快速提高自己的设计水平？本文不仅总结了临摹的正确思路，还用大量实战案例，为你从零开始演示如何做好临摹。