排版《玉女心经》之版面率&留白
许久不见，甚是想念~ 各位父老乡亲们，寡人又来啦。https://img.zcool.cn/community/01bc1f5f72971e11013e458434eb0b.pnghttps://img.zcool.cn/community/01bc1f5f72971e11013e458434eb0b.png 今个儿，咱们继续修炼排版神功！ 今天，咱修炼版面率&留白！https://img.zcool.cn/community/01d7675f8e50cb11013f3110acf658.jpg 按照惯例，同样先来看哈这俩问题~ 带着问题去看，强制让众爱卿思考一波。https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.png下面俩版面，哪个给人更精致的感觉？https://img.zcool.cn/community/01c2835f8e50cb11013e4584069d3c.jpg 那必须是「优雅含蓄C」。毕竟她优雅含蓄，是名媛（拼的https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.png），精致是人家基本功~https://img.zcool.cn/community/01f5615f8e50cc11013e4584ea324c.jpg 放下皮鞭，寡人认真了~https://img.zcool.cn/community/013d115f8e50cc11013f3110d72bad.jpg 为啥「优雅含蓄C」更精致？主要是因为C留白更大！https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.png 留白大了，就给人更精致的感觉。https://img.zcool.cn/community/0163df5f8e50cc11013f31108b79f0.jpg 反观「热辣滚烫A」，太过饱满，留白比较小，自然精致感就差了~https://img.zcool.cn/community/01026d5f8e50cc11013e458468af71.gif 这里寡人要插句话了~ 往几期，不少爱卿在评论区争论， 像这种例子哪个更好~https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.pnghttps://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.png 拿这个例子来讲， 肯定就有爱卿说：“我喜欢A，所以C不好。” 或者，“我喜欢C，所以A不好。” 这呀，就理解错寡人的意思了。https://img.zcool.cn/community/0129065f8e50cd11013f3110b12cfd.jpg 风格本身是木有好坏滴， 根据项目选择合适的风格， 再根据风格设置相应的图版率、跳跃率、留白等要素， 才是咱这系列文章的奥义所在。https://img.zcool.cn/community/01bc1f5f72971e11013e458434eb0b.pnghttps://img.zcool.cn/community/01bc1f5f72971e11013e458434eb0b.png 所以鸭所以， 根据主观喜好来争论好坏，Duck不必~https://img.zcool.cn/community/016c115f8e50cd11013e4584c6236e.png 毕竟本猫几分钟（寡人就是快https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.png）出品的案例， 那必须都是相当华丽且优秀的，https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.png 能说明相应要素对版面的影响就够啦~ 再看第二个问题~下面俩卖菜的名片，你会找哪个来买？
https://img.zcool.cn/community/017ccd5f8e50ce11013e4584203470.jpg 那肯定是「大声吆喝A」 呀， 毕竟C爱答不理，没人喜欢~https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.pnghttps://img.zcool.cn/community/0116745f8e50ce11013f31107ba432.jpg 好吧，看在各位在挥舞皮鞭， 寡人怕了，就容我解释一下~https://img.zcool.cn/community/016a235f8e50ce11013f3110a2a716.jpg 「A」的留白较少，比较饱满，给人的感觉就很精神，很热情。 而且留白少也会给人更实惠的感觉！ 买菜找「小A」，体验肯定棒！https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.pnghttps://img.zcool.cn/community/01a07a5f8e50ce11013e4584ce6650.jpg 而「爱答不理C」，看这名片真的是爱答不理呀！ 大量留白，品质感虽然很强， 但，你一卖菜的搞这么高端干嘛。https://img.zcool.cn/community/012d7f5f72971e11013e4584b8735a.pnghttps://img.zcool.cn/community/012d7f5f72971e11013e4584b8735a.png 看这名片我还以为要去买奢饰品！ 总之看上去就很贵且不近人情，没法让老夫讨价还价， 所以拜拜了您嘞，俺还是去找「小A」买~https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.pnghttps://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.png 各位爱卿也看出来了，对他们版面感觉造成影响的就是留白！ 但里面还有一个隐性的因素，那就是版面率。https://img.zcool.cn/community/0119155f8e50ce11013e4584ef0ae2.gif咱家的就先来讲讲，撒子是版面率~
众所不知，https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.png 版面四周， 是有页边距的。https://img.zcool.cn/community/01f1b35f8e50ce11013f3110e2e3fd.jpg 学名叫天头、地脚、切口、订口… 这些太繁琐，咱不管，就叫它页边距~ （化繁为简，乃大猫山人之绝学~https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.png）https://img.zcool.cn/community/01e0c05f8e50ce11013f31106c12cf.jpg 除去页边距的部分就称之为版心~ 版面率，就是版心的大小。https://img.zcool.cn/community/017b545f8e50cf11013e4584c5e2b1.jpg 所以 版心大，四周的留白就小~ 版心小，四周的留白就大~https://img.zcool.cn/community/016ebd5f8e50cf11013e45840822b3.jpg 如果 版心最大，那就是满版。 版心最小，那就是空版，也就是白纸一张。https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.png 满版的版面率为100%，空版的版面率为0%。https://img.zcool.cn/community/01b74f5f8e50cf11013f31101e1c1d.jpg 相信众爱卿都理解版面率了，那么版面率就说完了。https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.pnghttps://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.png What？这就完了？ 大胆！你竟然不讲版面率怎么用~https://img.zcool.cn/community/01d3c15f8e50cf11013f3110c0f93e.gif 别急别急，版面率的大小对版面的影响，归根结底还是留白的问题~ 所以理解了留白，也就理解了版面率！https://img.zcool.cn/community/01bc1f5f72971e11013e458434eb0b.pnghttps://img.zcool.cn/community/01bc1f5f72971e11013e458434eb0b.png 不止是版面率。 前几回，在寡人的带领下， 众爱卿都修炼了表现力、图版率、文字&图片跳跃率。https://img.zcool.cn/community/012cba5f8e50cf11013e4584d8949f.jpg 但在这些影响版面的要素里，有一个共性，那就是——留白！万变不离其宗，说的也是——留白！
理解了留白，前几回的知识点也就能更深刻的理解了。https://img.zcool.cn/community/01b5015f69817011013f3110a02bab.gif告诉本宫，留白怎么用？
运用留白的关键，主要是理解留白多少对版面的影响。 你拿着蜡烛挥舞皮鞭， “这么重要的东西，还不赶紧告诉本宫！”https://img.zcool.cn/community/01d3825f8e549d11013f3110b7f22f.png 别打，别打，这就告诉~ 留白对版面的影响，众爱卿记住两点就可。留白越大，越安静、越典雅，品质感越强。 留白越小，越活泼、越亲和，促销感越强。
根据这两点，咱先来看一下，留白跟前几回所学招式的关联~文字跳跃率中有这么一例子~
https://img.zcool.cn/community/01fb455f8e50cf11013e4584d910ce.jpg A显得比B更为安静，因为A的文字跳跃率比B低，但本质是留白！ 留白比B大，所以才显的比B更安静~https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.pnghttps://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.png图片跳跃率中也有一例子~
https://img.zcool.cn/community/010bb75f8e50cf11013f31104ec1ba.jpg 同样是A显得更安静更典雅，因为图片跳跃率比B低，但本质依然是留白~ A留白比B大，所以依然显得更典雅~https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.pnghttps://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.png图版率中又有一例子~
https://img.zcool.cn/community/01e77f5f8e50d011013f3110d1641f.jpg A的亲和力没有B高，除了图版率的因素， 同样是因为A的留白比B高，所以比B高冷，那是绝对当然的~https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.pnghttps://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.png表现力中又又有一例子~
https://img.zcool.cn/community/0194795f8e50d011013e4584142cc5.jpg A比B高端，除了表现力比人物低，也是因为留白比B大~ 看了就觉得我等P民，是买不起A的~https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.pnghttps://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.png 如果一个设计作品是满版，但图片中主体比较小，表现力低，也可以视为大面积留白哟！https://img.zcool.cn/community/019be45f8e50d011013f3110e239ed.png 像这个作品，严格意义上来说就没啥留白，毕竟整个版面都是图片！https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.png 但是人家图片是空旷的背景， 透气，表现力也就不高，自然就显得很宁静。https://img.zcool.cn/community/01466c5f8e50d011013e4584eab9cb.jpg 所以， 设计——还得感性与理性结合。 所以呀所以， 学设计，莫学成数理化，别像像记公式一样学设计， 老夫说：设计得灵活！ （像本猫一样，可以是糙汉子，也可以是萌妹纸，https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.png）https://img.zcool.cn/community/013eda5f8e50d011013e458457586f.gif 你又说了：“既然要灵活，那这些理论有啥子用？” 这些理论自然是起参考的作用。 （咱得站在巨（da）人（mao）的肩膀上，才能看的更远不是~https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.png）https://img.zcool.cn/community/0191d55f8e50d111013f3110f466cc.jpg 拿这个海报来说，想让她更安静、更典雅得怎么做？https://img.zcool.cn/community/010e135f8e50d111013f311076790e.png 自然是继续增加留白，减少版面率了！https://img.zcool.cn/community/0174335f8e50d111013e4584cce1fc.jpg 简单处理了下，凑合看看，重在理解~https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.png 像这个，图片经过裁剪，更小了。 留白也就增加了，版面率也就更小了 给人感觉也就更安静、更典雅了~https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.pnghttps://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.png 这呢，就是理论的指导作用~ 哎呀，扯远了，咱话说回来， 继续讲讲留白那两点~https://img.zcool.cn/community/01ba915f8e50d111013e4584d567f3.gif留白越大，越安静、越典雅，品质感越强。
所以呀，当你想传达这种气质的时候，就在作品中增大留白吧！ 比如你想传达强烈的品质感，高端、买不起，就用大留白，如下~https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.pnghttps://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.pnghttps://img.zcool.cn/community/01986f5f8e50d111013f3110b0d719.pnghttps://img.zcool.cn/community/017c935f72a10411013f3110ceb228.jpg 比如你想传达安静典雅、或者让人想象的一种意境，也用大留白~https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.pnghttps://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.pnghttps://img.zcool.cn/community/013e235f8e50d211013e4584fb9328.pnghttps://img.zcool.cn/community/0152815f8e50d311013f3110c537fa.pnghttps://img.zcool.cn/community/0122e15f8e50d311013f3110a1313a.png 再来看第二条：留白越小，越活泼、越亲和，促销感越强。
所以呀，想表现这种感觉，就在版面中减少留白占比吧~https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.png 比如，想要活泼点，就减少留白！https://img.zcool.cn/community/019f7d5f8e50d411013e4584ea4ccb.pnghttps://img.zcool.cn/community/0169e15f8e50d511013e458479686e.png 想要促销感强一点，也减少留白咯~https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.pnghttps://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.pnghttps://img.zcool.cn/community/01a0b45f8e50d511013f311033ee79.jpghttps://img.zcool.cn/community/0104045f8e50d511013e4584e2044d.jpg 说了这么久留白， 寡人再说道说道~https://img.zcool.cn/community/01ddf65f8e50d511013e458482caba.jpg 固然留白很重要， 但留白不能完全取代， 前几回的秘籍招式。https://img.zcool.cn/community/0170c85f72971e11013f31106ad2b2.pnghttps://img.zcool.cn/community/0170c85f72971e11013f31106ad2b2.png 做设计的时候， 用什么图， 什么图版率， 什么跳跃率， 留白设置多少， 这些综合考虑， 才是神功大成之关键~ https://img.zcool.cn/community/01d23e5f8e50d511013f3110adf5d3.jpg 看寡人说的这么明白了， 要不，各位爱妃~ 咱把蜡烛和皮鞭撤了？https://img.zcool.cn/community/019c245f8e50d511013f311041337f.jpg 以上~https://img.zcool.cn/community/011f205f71f7ba11013f3110c3d7cc.jpg 虽写了这么多，但咱也不知道咱这套《玉女心经》有木有把版面率&留白说清楚， 所以有木有说明白，留言告诉寡人吧！ 这篇文风这么搞，咱就要这种不正经的，轻松愉快的氛围。所以，点个赞吧~
页:
[1]