写给新手的版式设想根本指南（二）：图版率

知足常乐77

来历：知乎
明天又带来一篇实足的干货，平安无毒，安心食用！
今个儿，咱来唠嗑唠嗑「图版率」！
PS进修交换—点击即可
下面俩海报，哪个更有亲和力？



这还用说嘛，固然是「楚楚动听B」了！
究竟「索然无味A」连个图都木得（déi），那末高冷，亲和力自然就弱。
反观「楚楚动听B」，仅仅加了一个图就朝气盎然，亲和力暴增。
简直引人怜爱，认真楚楚动听。
下面又俩海报，哪个更更有亲和力？



诶？这不是上面引人怜爱的「楚楚动听B」嘛，
但跟「落落风雅C」比起来，似乎就没有那末引人怜爱了呢，看来亲和力虽然可以，但还是不如C呀。
C为撒亲和力比B大呢？貌似是由于C的图比B大！
ABC一样的内容、一样的图片，为啥给人分歧的感受？
正是由于图片的巨细分歧。而这，就回到我们明天的主题——图版率了。
图版率为何物？

图版率，乍一看似乎是一目了然工具，感受有点意义，有点不明觉厉哟。
但说白了就是，图片在版面中所占的比例。再直白点，就是图片巨细。
让寡人来举个例子来具体说道说道。


上面版式，由于满是字而没有图，图版率就是0。


这个版面，图所占的面积占全部版面的1/5左右，图版率就是20%。


这个版面，图片占比到达了全部版面的一半还多，那妥妥的图版率占了50%以上。
留意：
图版率可不是指单个图片的占比哟，而是指，一切图片加起来的占比。
比以下面这个作品，有好几张图片。


图片加起来占全部版面的一半左右，那末图版率也是50%噢。
整挺好！（手动狗头）
著名设想师鲁迅曾说：
光晓得图版率有啥用？大师伙儿得领会它怎样用才行！
图版率怎样用？

图版率既然是指图片占比的巨细。那自然分歧的占比会转达分歧的感受。
而应用的关键就在于，要晓得分歧图版率所带来的结果。
图版率有两条黄金纪律

• 图版率越大，表示力&亲和力就越强。
  
• 图版率越小，风格感&死板感就越强。
  

实在这两条，上面的例子已经能说明啦。
但咱这里，还是要具体说说。
先来瞅瞅第一条。
1. 图版率越大，表示力&亲和力就越强。
有科学数据表白，人们对画面的好感，会随着图版率的增加而增加。（也对。满是字，谁吖会耐心看~）
图版率增加了，好感度也就有了，他人也就更喜好了，表示力自然就更强了，亲和力自然就更更强了。
图版率在50%左右时，好感度会急剧上升。
既然图版率越大，亲和力就越大，那我要极致的亲和力，图版率调成100%不就行了？
行吗？那自然是不可的。
虽然越大的图版率亲和力就越强，但也是有极值的。
一旦图版率跨越90%，好感度反而会下降。
不信咱看一看这个100%图版率的图


只要图没有字，图占满了全部版面。认真妥妥的100%图版率。
虽然是极致的图版率，能够否是感受很空洞，亲和力好感度反而低了。
所以想要极致的亲和力，图版率100%是不可的。
不可的就是不可的，就算狗腿儿打断，也是万万不可的~
现在我们要对这个版面做点欠好的工作，那就是给它加点笔墨。


看吧，看吧！
虽然只是在左上角稍微加了点笔墨，版面却比之前有生气了，亲和力也进步了一点哟！
稍微加了一点笔墨，缓和了之前空洞、单调的感受，版面的活力也比之前好了。
再来瞅瞅第二条
图版率越小，风格感&死板感就越强。
图占得比例越小，读的愿望就越低。
这类版面心里感受是这样的：
老子就长这样，爱看不看！
客官您看，这能否是特高冷，特有范儿！
“喜好老子的自然会看，不喜好的咱也不强求。”这就是所谓的大佬吧。
所以这类有风格的，高冷的，咱便可以用低图版率。
但图版率越低，版面的死板感就会越强，这个就比力负面了。
那末题目就来了：图版率0%，怎样搞才能不死板呢？
答案是经过度歧笔墨层级、巨细对照，分歧字体来营建兴趣性。
而这就引出下一篇的又一杀招——笔墨腾跃率了。
这一点，咱下期干货会重点讲，这里就仅放张图略过吧~


俩图的图版率都是0，但「大巨细小B」相比「平平无奇A」来说，用了分歧的层级关系、分歧字体来表示，亲和力就比A好撒~
究竟，人们还是喜好多元的工具，天天吃一个菜，再好吃也会腻撒！
有人就问了，低图版率和高图版率怎样去界定呢？
实在我们可以参考40%这个值，低于这个值的就是低图版率，高于这个值的就是高图版率。
固然了，这个值是我定的，所以只起到参考感化哟！
晓得了图版率的多寡对版面带来的影响后。就要举行科举考试，来反向测一下大师的把握情况。
来吧，请听题~

1. 要表示有风格、高冷的感受，应当用高图版率还是低图版率？
低图版率！


这个对页，图片只占了10%的版面，给人感受就是有点风格咯，
固然，也有点有趣。
再来瞅瞅下面这个~


这个由于笔墨的编排缘由，风格感比上面的强多了！
更重要的一点，是人家图版率很是低。
云的图片由于跟布景很是类似，可以不算到图版率中，有用图版率也就是最下面的小人。
所以风格感必须强呀。再来看最初一个~


这个网页，图片就只要下面的俩人，图版率就很低，10%都不到。
给人的感受就是比力高冷，比力有风格的。
2. 要表示活跃和张力，应当用高图版率还是低图版率？
高图版率！


超高的图版率加上少许笔墨，给人的感受就很是的活跃！


这个作品虽然是黑白的，但图版率占比很大，所以虽然是黑白的，给人的感受也是比力有张力的！
所以，版面率的多寡取决于你项目标调性。

• 外向的、恬静的，咱就用低图版率。
  
• 外向的、奔放的，咱就用高图版率！
  
• 见不得人的那就……那就别放呗！
  

表示力&图版率有啥区分？

上篇咱说了表示力，那末表示力跟图版率有啥区分呢？
咱就这么说吧，图版率完全一样的版面，表示力能够分歧。


PS进修交换—点击即可

原文地址：https://zhuanlan.zhihu.com/p/500072600
免责声明：本帖内容由机械人自动收集于互联网，如加害了您的权益，请联系我们【E-Mail:cb@yoyodoc.com】 我们会实时删除侵权内容，给您带来未便，深感歉意！