Date 2026-01-22 23:07:26
今天又带来了一个完整的干货，安全无毒，放心吃！
今天，让我们聊聊天。「图版率」！
当然，这也是用说的「楚楚动人B」了！
毕竟「索然无味A」连图都是木得（déi），那么冷，亲和力自然就弱了。
反观「楚楚动人B」，仅仅添加一张图片就充满了活力，亲和力激增。
简直可爱，当真楚楚动人。
啊？这不是上面可爱的吗？「楚楚动人B」嘛，
但跟「落落大方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. 为了表现活泼和张力，应该使用高图版率还是低图版率？
高图版率！
超高的图版率加上少量的文字，给人一种很活泼的感觉！
虽然这部作品是黑白的，但是图版率占了很大的比例，所以虽然是黑白的，但是给人一种紧张的感觉！
因此，布局率取决于你项目的调性。
内向安静，我们用低图版率。外向奔放，我们用高图版率！如果你看不到任何人，那就别放了！上一篇我们说的是表现力，那么表现力和图版率有什么区别呢？
这么说吧，图版率完全相同的版面，表现力可能会有所不同。
比如我们来看看这个布局，图版率和排版完全一致，但是「含蓄的B」视觉表现力比「内敛的A」强多了。
这就是表现力的差异。
根据上一篇干货中提到的，表现力排名如下:插图＞照片＞文字。
上篇回顾：
下面两张啤酒海报，哪个感觉更便宜？
阅读文章 >根据图片的焦点，插图和照片可以排序为：角色＞动物＞物体＞没有焦点的图(如风景照片)
这里寡人再抚摸一下吧。
低图版率→→→布局安静，高冷，但也很无聊。低表现力→→→安静的布局，高冷的布局，也很无聊。高图布局率→→→布局亲和力强，更活泼。高表现力→→→版面更活泼在某种程度上，两者传达的感觉是相似的。但是图片的比例更大，这与图片本身的表达无关。
而且在设计上要综合考虑，我们现在八奇技学了两个，综合用他一用。
是时候让老夫传授组合拳了！
低图版率+低表现力图片是什么感觉？
两者都是安静+高冷+无聊，强强相加，一定是极端的高冷和无聊！
这一切都是字， 这是极低的图版率+极低的表现力，最终的结果是非常无聊和正式。
只能在文字的编排上加一点节奏活跃一下布局。
尽管如此，还是杯水车薪。
这个主页，图版率低，图片也是风景等表现力弱的图片。给人优雅时尚的感觉。
高图版率+高表现力图片是什么感觉？
也就是说，两者都是亲和力+活泼+放荡，组合起来一定是极其活泼和放肆！
这个作品的布局除了到处都是图片外，还使用了超级插图类型的表现力。那自然是男人加男人，更活泼！
再来看看下面这个
这个版面到处都是人物的图片，图版率自然很高。而且元素丰富饱满，表现力高！
给人一种放肆的感觉！
这两种组合都可以理解，没有难度。
接下来很难！也就是说，不同图版率和表现力的组合会是撒子的感觉。
其实低图版率注定翻不起大浪！
所以一般低图版率+高表现力的形式也会有风格感，但是枯燥感会降低很多。
以上作品采用低图版率+高表现力(人物照片)的形式，给人优雅时尚的感觉。没那么单调。
低图版率+人物照片(高表现力)，给人优雅简约的感觉！
同样低图版率(略高于上述两种)+高表现力，同样优雅时尚。
这也更有趣！
高图版率但低表现力，会给人更有趣的感觉！而且图版率虽然高，但会给人一种简单干净的感觉。
虽然这张海报是全版的，但是因为照片是风景照片，比较开阔，表现力不高。感觉干净，没那么放荡！
这个，和上面一样，高图版率+低表现力，给人一种清新的感觉！
再看这个
这里有人问，这么多特写手，这不应该是高表现力吗？
本来应该是高表现力的，但是手的颜色太接近背景，仿佛融为一体。
所以在这个布局中，它实际上是一种低表现力。
高图版率+低表现力，结果很时尚，也很有设计感。
再来看看下面这个~
这太过分了，上面还是手，现在直接做个人肖像！
表现力和图版率都那么高，但给人的感觉却不那么放肆，这不是打脸吗？
这到底是为什么？其实也是因为颜色。
肖像的颜色非常接近背景，所以表现力只能计算，不是特别高。
即使是高图版率+中表现力，也勉为难。给人的感觉虽然简单，但已经比低表现力强多了！
事实上，大多数时候，我们需要主观地判断图片表达的大小。
毕竟理论是死的，人是活的。世界在前进，一切都在变化。
以上~
欢迎关注作者微信微信官方账号:「大猫设计」
热评 柚子