排版《玉女心经》之排版的格式！
https://img.zcool.cn/community/0177da5f59e68111013e3187d2148f.jpg1.下面俩啤酒海报，哪个感觉更廉价？https://img.zcool.cn/community/01a09a5f598f7c11013f1a64471dae.jpg 这还用说嘛，当然是B了，因为有帅哥呀~（跟大猫一样帅！）https://img.zcool.cn/community/01a2125f59dd9011013f1a64cb4158.jpg 正经点！ 好吧， 因为B出现了人物肖像，亲和力比A这种高冷范强多了。买得起的东西才有亲和力嘛，所以B给人感觉更廉价，属于朕买得起的范畴。 反观A呢，给人很大的距离感，感觉就贵，买不起系列。2.下面两个名片，哪个更易让人产生信赖感？
https://img.zcool.cn/community/018ec45f59dd7811013e31875b85e0.jpg 当然是B这个表情简单的！因为对齐做的好，给人感觉整洁、专业。 反观A，太过复杂，花里胡哨。怎么也不像是能认认真真办事儿的嘛！ 所以B更能让人产生信赖感~（好像有道理诶！）https://img.zcool.cn/community/01a1815f59ddc811013f1a64eb37f2.jpg 为什么都是啤酒、名片，却给人不同的心理感受呢？ 这其实就是不同的排版格式所带来的影响！（小声：扫噶！）https://img.zcool.cn/community/0168715f59de4211013e31875b26f7.jpg 我们一直常说版式版式，这个“版式”我所理解的就是排版的格式！（也有说法叫排版样式（《七日掌握版面设计基础》中的叫法），排版风格、排版调性啥的，不管怎么说吧，这些都是一个东西了。） 按照朕的理解，排版是一种技能，而版式是一种模版。 根据不同的项目需求，选择不同模版，自然会达到事半功倍的效果。https://img.zcool.cn/community/0105605f59de4f11013e3187980dcf.gif 所以今个儿，咱们就来聊聊排版的格式！ 若掌握了这套功法，不说以后能斗破苍穹吧，至少也可以畅游女儿国，三上白骨精。 闲话少说，本座要开始传授《玉女心经》（一套功法）了。https://img.zcool.cn/community/0100f95f59de5d11013f1a641b3cfa.gif格式决定版面效果的70%！
https://img.zcool.cn/community/0124235f59de7011013e31878ab498.jpg 听起来很震惊吧，但事实确实如此。 可以这么说，选对了排版格式会节约70%的排版时间！ 打个比方，这里有一张羽毛球比赛的宣传海报。https://img.zcool.cn/community/019a115f59de7e11013e318766ecbd.jpg 整体效果灰常不好，因为他除了没用好排版的基础规则，更关键在于，没搞明白排版的格式。 属于没搞清楚要做个什么样子就动手的典范， 在这里朕花了几分钟优化了排版，改了两版，咱先瞧它一瞧。https://img.zcool.cn/community/01c59c5f59de9911013f1a6453361c.jpg 这一版感觉高大上了不少，可能也有很多盆友喜欢，但朕要说的是，这不是一个好设计。主要是因为他排版的格式不对。 咱提到大学生羽毛球赛，那是什么感觉？ 那肯定是朝气蓬勃、阳光向上呀。 那必须是锣鼓喧天、鞭炮齐鸣、红旗招展、人山人海呀。https://img.zcool.cn/community/01ca435f59deb511013f1a64bc9bbb.gif 而这些气质这个海报全然木有。纯黑的背景，精致的字体，虽然属于非常有格调的版式，但却完全没有生气，仿若一滩死水，看不出半点朝气蓬勃的样子嘞。 真·我批判我自己。（看，本猫对自己是很严苛的！） 为啥会造成这个感觉？
那是因为这个排版格式是一种昂贵的格式，也是一种没有生机的格式， 这种格式表现一下高端奢侈品，烘托一下我等P民买不起的架势，还是ok的，但表现朝气蓬勃的大学生还是算球啦~https://img.zcool.cn/community/01afad5f59dec411013f1a6482583a.gif 咱再来看改的第二版https://img.zcool.cn/community/01a3095f59ded511013f1a645d58c0.jpg 虽然不说多么优秀吧，但运用格式是okkk的。 明亮的色调和简单的字效，虽然简单，却比黑色那个活泼，也更贴合大学羽毛球赛的感觉！ 所以说，这稿用对了排版的格式！https://img.zcool.cn/community/01e1555f59deee11013e3187d0e810.jpg 这样一对比，第一稿确实死气沉沉。 虽然他排版没啥问题，甚至用的字体还比较高端，但风格错了，用再高端的字体又有撒子用呢。 就算撒泼打滚+骂街，那也是铁定没用的！https://img.zcool.cn/community/0164275f59defe11013e3187b9faa6.jpg 这也就说明了，排一个什么样的版式就要用什么样的风格。 而什么样的风格，决定用什么样的排版格式！ 高端的东西用高端的格式，活泼的东西用活泼的格式。 见不得人的东西自然就用见不得人的格式呗！https://img.zcool.cn/community/0153855f59df0f11013f1a6431f79d.gif 那么排版的格式是由什么决定的呢？（害，说了这么大一圈，终于兜会来了~） 在版面中，决定排版格式的有八大要素，分别是表现力、图版率、文字跳跃率、图片跳跃率、网格拘束率、版面率、构图。 这八大要素又被称为八奇技！（第八奇技是像朕一样的伟大坚强~）https://img.zcool.cn/community/01f5d45f59dfbb11013f1a64e867e3.jpg 只有全部掌握了这八奇技，才算是掌握了本座的这套绝世功法。 鉴于本次功法过于强大，咱就分为五块来讲。 今天咱就说说这《玉女心经》的第一讲：表现力！ （表现力也有书中叫视觉度，但寡人觉得“表现力”涵盖的更广。《七日掌握版面设计基础》中虽叫视觉度，但这包括插画和照片。本猫觉得，文字元素也有表现力在其中，不能单独拎出来~）https://img.zcool.cn/community/016c105f59dfec11013e31875e074e.jpg表现力
何为表现力？表现力就是视觉张力，也可理解为视觉冲击力。 咱平常排版，用到的最基本的元素无外乎：文字和图（包括照片、插图等）。https://img.zcool.cn/community/01a4105f59df5a11013e3187cd456b.jpg 插图嘛，理解成插画也是完全okkk的！ 就表现力而言，一般是这种排序：插图＞照片＞文字https://img.zcool.cn/community/0116e05f59dffe11013f1a64962712.jpg 文字呢，如果不做一些设计手法的处理，基本就是冰冷而没感情的，所以表现力最弱。https://img.zcool.cn/community/01b1e95f59e01311013f1a64f63eaa.jpg 而照片的表现力比文字高，但一般比插图低，特别是海、天、云之类的照片，越空旷的表现力就越弱。https://img.zcool.cn/community/0197a55f59e01d11013e31878480d0.jpg 如果是有焦点的照片，那么表现力还是挺强的，比如特写的人、动物、静物等。https://img.zcool.cn/community/011d255f59e02b11013e31877e0e9c.jpg 而在照片中，表现力的排序为：人物＞动物＞静物＞风景。 究其原因，是因为在心理学中我们对自身相关的东西表现的更为关心。而人物是我们的同类，自然要比动物、静物、风景更靠前。https://img.zcool.cn/community/01b1cc5f59e04411013e3187873d50.gif 插图也是一样，纯风景插画的表现力肯定比有主体的表现力弱。https://img.zcool.cn/community/01b4cf5f59e05311013f1a6419f9eb.jpg 简单来说表现力这块可以概括为：越空旷，表现力越弱；越饱满，表现力越强！ 越安静，表现力越弱；越张扬，表现力越强！ 表现力强，亲和力就强；表现力弱，亲和力就弱！
https://img.zcool.cn/community/01d01e5f59e06411013e3187d3f827.gif 那么在排版中，表现力是不是越强就越好呢？ 那自然是不能的。强表现力与弱表现力有各自的应用范畴。比如问大家几个问题
1.要表现高端奢侈的感觉用强表现力还是弱表现力？
弱表现力！https://img.zcool.cn/community/016d3f5f59e07611013e3187423a11.png 这个是不是就很空旷，留白很多，产品也只用了一个静物表现，显得非常昂贵，我等P民消费不起！ 2.要表现大众消费的感觉用强表现力还是弱表现力？ 强表现力！https://img.zcool.cn/community/0121b45f59e08811013e31875bcb0e.jpg 回到咱开始的那张图，同样是啤酒，右边的就显得更亲民一点！我等也能消费的起。 究其原因，正是因为人物照片的表现力比静物的表现力高出好几个量级。 况且孔刘大帅哥面带笑容，亲和力更是爆棚！ Ps：人物的表情也是会影响亲和力哟！高冷的亲和力肯定比和蔼的亲和力差。所以大家要多笑哟~（就像大猫一样！）https://img.zcool.cn/community/01128a5f59e0bb11013f1a64c4417b.jpg 3.要表现活泼、积极向上的感觉用强表现力还是弱表现力？ 强表现力！https://img.zcool.cn/community/0132aa5f59e0d011013f1a646836df.png 这个主体用插图的方式，表现力很强，所以就较活泼。而且版面非常的饱满，一看就是阳光向上的好孩纸！ 4.要表现简约安静的感觉用强表现力还是弱表现力？ 弱表现力！https://img.zcool.cn/community/012dfd5f59e0f011013f1a64bc4f46.png 这个作品画面比较空，并且用了表现力较弱的风景照，就会给人安静和简约的感受。 5.要表现狂放不羁的感觉用强表现力还是弱表现力？ 强表现力！https://img.zcool.cn/community/011b845f59e10111013f1a64d71fcb.png 用强人像特写这种强表现力的形式，结合凌乱摆放的充当了图形元素的文字，给人的感觉夸张和不羁！https://img.zcool.cn/community/01b68f5f59e11c11013e3187622f5d.jpg注意：
虽然弱表现力能给人安静或者距离感，但往往也会造成枯燥乏味的感觉。 所以在表现弱表现力的时候要拿捏好尺寸，不要做个枯燥乏味的东西哟！ 因为太枯燥乏味，别个儿根本就没有看下去的欲望。https://img.zcool.cn/community/0191da5f59e12e11013e3187b95589.jpg提升表现力和亲和力，仅仅需要增加一幅插图！
这里有一版介绍福特汽车的海报。https://img.zcool.cn/community/01bdcf5f59e14411013e31878d6cd4.jpg 海报是纯文字的形式，除了英文每行太长，整体还是很精致的排版。 但这个版面问题非常大，因为表现力太弱了！感觉很高冷很乏味，反正老夫没有读下去的欲望。https://img.zcool.cn/community/017f265f59e15811013f1a64b08803.gif 那么怎么解决这个问题呢？ 提高表现力就行了！ 上面咱说图的表现力比字要强，那么插个图就好了嘛！https://img.zcool.cn/community/0161435f59e16b11013f1a6468d9d5.jpg 仅仅是加了一副插图，英文的行距缩短了一点，整体感觉是不是大不一样！ 它竟然变得可以让朕这么挑剔的人读下去了！ 那么表现力可不可以更高呢？ 自然是能的！ 虽然加了一个插图，但我们可以继续丰富这个插图嘛，让插图更聚焦、更吸睛，表现力自然就更强！ 比如朕画几个圈圈诅咒一下它。https://img.zcool.cn/community/015d5b5f59e17b11013e3187b5b241.jpg 这几个圈圈还用了另一种颜色，一下子就把视角焦点突出了。 加了圈圈，排版是不是显得比上面更饱满呀！ 更饱满=表现力更高。 所以咱瞅着视觉上更舒服了，更大更持久了，阅读体验提升的不只一点！ 这就是表现力的力量。https://img.zcool.cn/community/0130965f59e18c11013e3187897053.gif 如果想让表现力更高，那就在版面中加入更多的元素或色彩吧。https://img.zcool.cn/community/01a5585f59e19e11013e318711b386.jpg 这一稿仅仅又加了一个色块，表现力又提升一级，层次和设计感又增加了。（我对自己五体投地！） 这也太会啦！众人惊呼。 没办法，谁让本猫是天下第一帅呢！https://img.zcool.cn/community/01d75b5f59e20111013f1a64892340.jpg 这里有同学就要问了，既然增加表现力就能增加设计效果，那我把表现力加到极致岂不碉堡？ 碉堡嘛？那肯定是碉不爆的！因为随着表现力的增加，版式的气质会发生变化。 表现力加到极致，那给人的必然是廉价、大众、没格调、很活泼的感觉。 而这种感觉跟福特T肯定是格格不入的。 不信咱瞧瞧https://img.zcool.cn/community/01faf65f59e1cd11013e31870d10f9.jpg 这就很失败了吧，虽然更饱满，元素更多，表现力很高。 但是与目标不匹配呀。当个小盆友活动的背景墙还差不多。 所以增加表现力或者减少表现力，不能把人家原来界定的气质给改了，不然就太失败了！https://img.zcool.cn/community/01968d5f59e1b911013e318783529d.jpg 所以设计前最重要的一点，就是要把项目调性给整对。 高格调咱就用弱表现力； 活泼年轻咱就用强表现力； 奢侈且昂贵咱就用弱表现力； 大众消费且亲民咱就用强表现力； 见不得人咱就用见不得人的表现力。 以上。https://img.zcool.cn/community/0198135f59e21911013f1a64a51de6.jpg 讲到这儿呢，老夫也不造有没有说明白“表现力”到底是个什么玩意儿， 所以有木有说明白，各位大佬留言告诉我吧~ 下一篇，咱就继续传授《玉女心经》第二篇了，准备好姿势，要快要帅！ 这篇文风这么搞，咱就要这种不正经的，轻松愉快的氛围。所以，点个赞吧~ PS：本文知识点参考了经典版式书《七日掌握版式设计基础》，但可惜的是这本书已经绝版多年，案例图片也都是黑白的，可想而知有一定年头了~ 老夫多年前有幸珍藏了一本，想着这么好的内容不该消失于世。所以结合其中知识点，加入了自己的感悟理解和案例，重写了这份排版《玉女心经》系列，除了希望能帮到大家，也希望经典的内容能够保留。 有生之年，希望这本书再版，造福广大群众~~
页:
[1]