排版《玉女心经》之文字跳跃率
万众期待中，星光璀璨里，寡人来了，带着它来了！ 它呢，就是排版双修神功的第3章——文字跳跃率！https://img.zcool.cn/community/01bc1f5f72971e11013e458434eb0b.png 懂了它，在排版中可不得了。 可大可小，可长可短，随心所欲！https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.png 今天也是一篇欢乐十足的段子式干货哟！https://img.zcool.cn/community/01bc1f5f72971e11013e458434eb0b.png1.下面两个版面哪个给人平静安稳的感觉？https://img.zcool.cn/community/0176b15f71f7b211013e458471cdb8.jpg 那必须是「平平淡淡A」呀，毕竟名字暴露了一切。https://img.zcool.cn/community/0151e25f71f7b211013f31109d490b.jpg 停住，先别打。我认真点还不行咩~ 「A」的标题小巧，跟正文的大小相差不大，就会造成安静的感觉。 反观「轰轰烈烈B」，标题搞那么大，与正文形成了强烈的大小对比，就像在大喊大叫。 这种熊孩子，不把家拆了就谢天谢地了，还敢妄求什么平静~https://img.zcool.cn/community/017ff55f71f7b211013e458433b64f.jpg2.下面两个版面哪个给人积极向上的感觉？
https://img.zcool.cn/community/010e5b5f71f7b211013e4584a137b4.jpg 那必须是「动次打次D」呀！https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.png 咱就假设C、D是俩卖菜的伙计吧。https://img.zcool.cn/community/01008f5f71f7b211013f311044f575.jpg 「C」伙计呢，标题那么小（没错，就是小https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.png）， 一直很安静，也不吆喝自己的卖点，甚至态度还点有问题 。 问他菜怎么卖，他也爱搭不理。 简直就是随缘卖法，真·佛系！https://img.zcool.cn/community/016e0c5f71f7b211013f3110197ca5.gifhttps://img.zcool.cn/community/0134f25f72a12711013e4584462c0a.jpg 「D」小伙呢，标题那么大，可不就像是拿着大喇叭一遍一遍吆喝嘛。 “新鲜的毒草嘞！一口渡劫，两口升天，香甜可口，不要错过！” 瞧，多么积极的阳光好少年！https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.png 俩人卖一种东西，那必须是会吆喝的卖的更好！ 所以这标题大了，就有吆喝的感觉了，能给人积极向上的感觉~https://img.zcool.cn/community/01bc1f5f72971e11013e458434eb0b.pnghttps://img.zcool.cn/community/0114095f72a14b11013f3110480383.jpg 而「C」，标题小，感觉更精致，但积极向上的感觉就欠缺。 上面俩例子，只是标题大小不一样，就会给人完全不同的感觉。造成这种感觉的就是文字跳跃率！https://img.zcool.cn/community/0147275f71f7b211013e4584714f18.jpg告诉朕，何为文字跳跃率？
跳跃率，就是指大小差异的程度。 文字跳跃率，自然是指文字大小的差异程度。 （https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.png通俗易懂吧） 更确切的说，是指最大标题与正文的大小对比。 说明、注解等虽然比正文小，但因为占得面积非常小，不足以引起老夫的注意https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.png，所以一般直接略过~https://img.zcool.cn/community/0147ad5f71f7b311013e45842f3753.gifhttps://img.zcool.cn/community/01d4a55f71f7b311013f31102ac10b.jpg 这个图，标题字是20号，正文字是10号，那么文字跳跃率就是200%。 跳跃率比较小，就给人安静、精致的感觉。https://img.zcool.cn/community/0151e85f71f7b311013f311025795e.gifhttps://img.zcool.cn/community/011af35f71f7b311013e4584917464.jpg 这个图，标题字是200号，正文字是10号，那么文字跳跃率就是2000%。 跳跃率比较大，就给人更活泼、更有活力的感觉。https://img.zcool.cn/community/01af345f71f7b311013e45845c9172.jpg 文字跳跃率是啥，相信大家已经在老夫的小皮鞭下，了解了。 可关键是这玩意啷个用呀~https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.png 莫急莫急，老夫马上就来说道说道。告诉朕，文字跳跃率啷个用？
运用文字跳跃率的关键，在于理解不同跳跃率所传达的不同气质。 别以为这旮旯特难， 毕竟，再难的东西， 老夫都能讲出花儿来。https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.png 老夫的花，可是世间最纯净无暇的简单之花~https://img.zcool.cn/community/013ff55f71f7b311013f3110619ae1.jpg 文字跳跃率所传达的气质，仅需记住一句话就行。 低文字跳跃率，开出的是安静、无趣、典雅、品质之花， 高文字跳跃率，开出的是生机、活力、促销、廉价之花。https://img.zcool.cn/community/0103045f71f7b311013f31106edc44.gif 老夫先来说说低文字跳跃率。低文字跳跃率，传达安静、典雅、专业、有品质的感觉，但也很无趣。
https://img.zcool.cn/community/01b24f5f71f7b411013e4584eb1fba.png 这个海报文字跳跃率就比较低，传达了一种宁静、开阔的感觉。 这种宁静，是跟老夫是一样的，泰山崩于前，而波澜不惊的宁静~https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.png 没错，本猫就是这么6~https://img.zcool.cn/community/0167725f71f7b411013e4584666f05.jpghttps://img.zcool.cn/community/0192a85f71f7b411013f3110aef5f6.png 这个上面文字基本一样大，文字跳跃率接近于0，给人感觉贼高端！ 这种高端会所，老夫这穷鬼，怕是这辈子都去不了咯，说出来都是一把伤心泪~https://img.zcool.cn/community/0170c85f72971e11013f31106ad2b2.pnghttps://img.zcool.cn/community/012d7f5f72971e11013e4584b8735a.pnghttps://img.zcool.cn/community/0188e95f72971e11013e45847630b1.pnghttps://img.zcool.cn/community/0165955f71f7b411013f311059531b.gifhttps://img.zcool.cn/community/01c5775f71f7b411013e45841b0ca1.png 低文字跳跃率，能够传达一种品质感。https://img.zcool.cn/community/01ccd05f71f7b411013e45845263f4.png 这个虽然是深色背景，图也非常多，但文字跳跃率不高，给人感觉还是很专业的。https://img.zcool.cn/community/01f7fc5f71f7b511013f3110843e8b.jpghttps://img.zcool.cn/community/0137ac5f71f7b511013f3110a64981.png 文字虽多，但跳跃率不高，能传达专业感和严谨感。 这份专业和严谨跟本猫是一样一样滴！https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.png高文字跳跃率，传达活泼、生机、活力的感觉，但也会有廉价感和促销感。
https://img.zcool.cn/community/01d4fd5f71f7b511013e458477741c.png 这个海报，标题“江户の狩野派”跟正文的大小对比相差太大，属于高文字跳跃率。 版面自然也就活泼不少！就像大猫般内心狂野！https://img.zcool.cn/community/01bc1f5f72971e11013e458434eb0b.pnghttps://img.zcool.cn/community/01869f5f71f7b611013f31100845e4.png 这个嘛，同上，给人感觉也是十分活泼！https://img.zcool.cn/community/01e6125f72a0ef11013f311034b46f.png 这个海报虽然是白底，但因为文字跳跃率非常大，视觉上也是很有冲击力的。https://img.zcool.cn/community/01717d5f72971e11013e45843495c3.pnghttps://img.zcool.cn/community/01717d5f72971e11013e45843495c3.pnghttps://img.zcool.cn/community/01717d5f72971e11013e45843495c3.png 大家伙儿也都知晓了，不同跳跃率所带来的影响了。 那么，老夫又要准备科举考试来考一考大家了！https://img.zcool.cn/community/01e4d35f71f7b711013e458439803f.gif 来，请听题！1.昂贵的东西，文字跳跃率用高还是低？
低跳跃率！ 那么贵，传达的感觉必须是爱答不理呀。 他们这么有格调，怎么会拉下脸来大声吆喝“来买我，来买我！”呢？https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.pnghttps://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.png 下面这两个化妆品海报，文字跳跃率都比较低。https://img.zcool.cn/community/017c935f72a10411013f3110ceb228.jpg 因为文字跳跃率的关系，所以看起来就贵，品质感就高。https://img.zcool.cn/community/01717d5f72971e11013e45843495c3.png注意： 文字跳跃率只是决定版面气质的一部分， 咱《玉女心经》中，决定版面气质的元素可是足足八种呢。 看的时候要结合来看哟！https://img.zcool.cn/community/01ce245f71f7b711013e4584057c73.png 这个奢饰品的海报，文字跳跃率也非常低，一看我等P民就买不起！ 伤心了，桑心了~https://img.zcool.cn/community/0182415f71f7b711013f311065264f.jpg 2.热闹欢快的感觉，文字跳跃率用高还是低？
必须是高呀！ 毕竟文字大小相差悬殊才会有更有生气！https://img.zcool.cn/community/01f5e95f71f7b711013f31107b0f4d.png 这个海报除了文字就没有其他元素了， BUT，因为文字跳跃率很大，也挺抓眼球！https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.pnghttps://img.zcool.cn/community/010c8e5f71f7b711013e4584d0cf67.png 这个网页虽然很简约，但IM这个标题很大，文字跳跃率很高。 所以看上去也没有那么平静。https://img.zcool.cn/community/01c1745f72a0dd11013e45840f7fe7.png 这个海报，因为高文字跳跃率，给人视觉冲击力就更高了！ 给人感觉就淘气活泼！https://img.zcool.cn/community/01a2645f71f7b811013f311041e365.gif 到这里，相信各位爱卿在朕的皮鞭下，已尽数掌握文字跳跃率！你以为这就完了？ No！No！Noooo！！ 作为一个有德行、有修养的老赖，老夫怎能如此轻易放过你们。https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.pnghttps://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.png说道说道，这个画面有撒子问题？
https://img.zcool.cn/community/01e1cd5f71f7b811013f3110ee20f7.jpg 呀！，这个不是挺好的咩，还改撒子？ 给老夫再仔细瞅瞅！https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.png 瑜伽，修身养性，动作舒缓，这个标题搞这么大，简直把瑜伽的感觉都败光了！ 所以，为了让气质更好更契合，咱得怎么着？https://img.zcool.cn/community/019a575f71f7b811013e4584efea10.gif咱当然得降低文字跳跃率了！https://img.zcool.cn/community/01bc1f5f72971e11013e458434eb0b.png
https://img.zcool.cn/community/0118745f71f7b811013e4584e69788.jpg 调整后感觉就好多了吧！https://img.zcool.cn/community/015a6d5f72a0ad11013f31100b6596.jpg Ps：莹茜作品 这两个文字跳跃率很低的是不是也灰常契合瑜伽的气质~https://img.zcool.cn/community/01bc1f5f72971e11013e458434eb0b.png 所以呀， 用文字跳跃率， 就必须理解， 不同跳跃率所传达的感觉！ 要根据项目具体的气质，选择合适的跳跃率。 https://img.zcool.cn/community/01bc1f5f72971e11013e458434eb0b.png 高端的东西，咱就用低文字跳跃率， 活泼的东西，咱就用高文字跳跃率； 安静的东西，咱就用低文字跳跃率， 嘈杂的东西，咱就用高文字跳跃率。 见不得人的东西，咱就…… 不是，见不得人的东西，你蹦跳什么蹦跳~https://img.zcool.cn/community/01a0b65f72971e11013f3110514eb3.png 以上。https://img.zcool.cn/community/011f205f71f7ba11013f3110c3d7cc.jpg 虽写了这么多，但咱也不知道咱这套《玉女心经》有木有把图版率说清楚， 所以有木有说明白，各位大佬留言告诉我吧~ 这篇文风这么搞，咱就要这种不正经的，轻松愉快的氛围。所以，点个赞吧~
页:
[1]