今天又帶來一篇十足的干貨，安全無毒，放心食用！
今個兒，咱來嘮嗑嘮嗑「圖版率」！
這還用說嘛，當然是「楚楚動人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. 要表現活潑和張力，應該用高圖版率還是低圖版率？
高圖版率！
超高的圖版率加上少量文字，給人的感覺就非常的活潑！
這個作品雖然是黑白的，但圖版率占比很大，所以盡管是黑白的，給人的感覺也是比較有張力的！
所以，版面率的多寡取決于你項目的調性。
- 內向的、安靜的，咱就用低圖版率。
- 外向的、奔放的，咱就用高圖版率！
- 見不得人的那就……那就別放唄！
上篇咱說了表現力，那么表現力跟圖版率有啥區別呢？
咱就這么說吧，圖版率完全一樣的版面，表現力可能不同。
比如咱看一下這個版面，圖版率和排版完全一致，但「含蓄的B」視覺表現力比「內斂的A」強多了。
這個就是表現力的不同。
根據上篇干貨中說的，表現力排序為：插圖＞照片＞文字。
上篇回顧：
而插圖與照片當中根據畫面焦點則能排序為：人物＞動物＞物體＞沒有焦點的圖（如風景照）
這里寡人再捋一捋吧。
- 低圖版率→→→版面安靜、高冷，但也無趣。
- 低表現力→→→版面安靜、高冷，也很無趣。
- 高圖版率→→→版面親和力強、更活潑。
- 高表現力→→→版面更活潑
兩者某種程度上傳達的感覺是差不多的。但圖版率更多的是圖片占比的大小，而與圖片本身的表現力無關。
況且設計時都要綜合考慮，咱現在八奇技學了倆了，就綜合用他一用。
是時候讓老夫傳授傳授組合拳了！
低圖版率+低表現力圖片是什么感覺？
兩個都是安靜+高冷+無趣，強強相加，那必須是極致的高冷和無趣唄！
這個全是字， 那就是極低的圖版率+極低的表現力，最后的結果就是很無聊、很正式。
只能在文字的編排上加點韻律活絡一下版面。
雖如此，但還是杯水車薪。
這個主頁，圖版率低，圖片也是風景之類的表現力不強的圖。給人的感覺也是優雅、有格調的。
高圖版率+高表現力圖片是什么感覺呢？
這還用說，兩者都是親和力+活潑+放蕩，那組合起來必須是極致的活潑和放肆！
這個作品版面中除了到處都是圖，還用了表現力超強插圖類型。那自然是男上加男，更活潑了！
再來看下面這個
這個版面到處都是人物的圖片，圖版率自然就高。況且元素豐富飽滿，表現力也很高！
給人的感覺簡直是放肆！
這倆組合都能理解，沒有難度吧。
接下來就是有難度的了！也就是不同的圖版率和表現力的組合，會是撒子感覺。
其實低圖版率就注定了翻不起大浪！
所以一般低圖版率+高表現力的形式也會很有格調感，但枯燥感會降低很多。
上面作品采用的就是低圖版率+高表現力（人物照片）的形式，給人感覺比較優雅、有格調。也不至于那么單調。
圖版率低+人物照片（高表現力），給人的感覺也是比較優雅簡約吧！
同樣低圖版率（比上面倆稍微高些）+高表現力，同樣是比較優雅有格調的。
這個也比較有意思！
高圖版率但低表現力，給人的感覺會更有趣一點！而且雖然圖版率高，但會給人簡約+干凈的感覺。
這個海報雖然是滿版，但因為照片是風景照，比較開闊，表現力不高。給人的感覺就比較干凈，沒那么放蕩！
這個嘛，跟上面的同理，高圖版率+低表現力，給人很清新的感覺！
再看這個
這里就有人問了，這么多特寫的手，這不應該是高表現力嘛？
本來應該是高表現力沒錯，但手的顏色跟背景太過接近，仿佛融為一體。
所以在這個版面中其實是算低表現力的。
高圖版率+低表現力，造成的結果就是很有格調，同時也很有設計感。
再來看下面這個~
這個就比較過分了，上面還是手，現在直接搞個人像上來！
表現力和圖版率都這么高，但給人感覺卻并不是那么放肆，這不是打臉嘛？
這到底是為啥呢？其實也是因為色彩。
人像的顏色跟背景很接近，所以表現力只能算中，并不是特別高。
勉為其難就算高圖版率+中表現力。給人的感覺雖然簡約，但已經比低表現力的強多了！
其實大多數時候，圖片表現力的大小是需要我們主觀去判斷的。
畢竟理論是死的，人是活的。世界是向前發展的，萬物是在變化的。
以上~
歡迎關注作者的微信公眾號：「大貓設計」
復制本文鏈接 文章為作者獨立觀點不代表優設網立場，未經允許不得轉載。
熱評 柚子