眾愛妃，又見面啦！
今天寡人又帶來一篇十足的干貨，安全無毒，放心食用！
今個兒，咱繼續修煉《玉女心經》，來嘮嗑嘮嗑【圖版率】！
1.下面倆海報，哪個更有親和力？
這還用說嘛，當然是「楚楚動人B」了！
畢竟「索然無味A」連個圖都木得（déi），那麼高冷，親和力自然就弱。
反觀「楚楚動人B」，僅僅加了一個圖就生機盎然，親和力暴增。
簡直惹人憐愛，當真楚楚動人。
2.下面又倆海報，哪個更更有親和力？
誒？這不是上面惹人憐愛的「楚楚動人B」嘛，
但跟「落落大方C」比起來，好像就沒有那麼惹人憐愛了呢，看來親和力雖然可以，但還是不如C呀。
C為撒親和力比B大呢？貌似是因為C的圖比B大！ （害，本貓果然喜歡大的~）
ABC同樣的內容、同樣的圖片，為啥給人不同的感覺？
正是因為圖片的大小不同。
而這，就回到我們今天的主題——圖版率了。
告訴本宮，圖版率為何物？
圖版率，乍一看好像是高深莫測東西，感覺有點意思，有點不明覺厲喲。
但說白了就是，圖片在版面中所佔的比例。
再直白點，就是圖片大小。
嘿！朕講的果然通俗易懂！
讓寡人來舉個例子來詳細說道說道。
上面版式，因為全是字而沒有圖，圖版率就是0。
這個版面，圖所佔的面積佔整個版面的1/5左右，圖版率就是20%。
這個版面，圖片佔比達到了整個版面的一半還多，那妥妥的圖版率佔了50%以上。
注意：
圖版率可不是指單個圖片的佔比喲，
而是指，所有圖片加起來的佔比。
比如下面這個作品，有好幾張圖片。
圖片加起來佔整個版面的一半左右，那麼圖版率也是50%噢。 （小聲道：確實通俗易懂）
整挺好！ （手動狗頭）
知名設計師魯迅曾說：
光知道圖版率有啥用？
大傢伙兒得了解它怎麼用才行！
告訴本宮，圖版率怎麼用？
愛妃莫急，朕這就告訴你們（沒錯，朕佳麗三千~狗頭保命~）
圖版率既然是指圖片佔比的大小。
那自然不同的佔比會傳達不同的感覺。
而運用的關鍵就在於，要知道不同圖版率所帶來的後果。
圖版率有兩條黃金規律：
1.圖版率越大，表現力&親和力就越強。
2.圖版率越小，格調感&枯燥感就越強。
其實這兩條，上面的例子已經能說明啦。
但咱這裡，還是要詳細說說。
先來瞅瞅第一條。
圖版率越大，表現力&親和力就越強。
有科學數據表明，人們對畫面的好感，會隨著圖版率的增加而增加。 （也對。全是字，誰吖會耐心看~）
不然朕的文章為撒子會放這麼多表情包！還不是為了提高圖版率咩~
(主要是給大家送歡樂，愉快的學習總是那麼浪漫~)
圖版率增加了，
好感度也就有了，
別人也就更喜歡了，
表現力自然就更強了，
親和力自然就更更強了。
圖版率在50%左右時，好感度會急劇上升。
這裡有愛妃就說了：既然圖版率越大，親和力就越大，那我要極致的親和力，圖版率調成100%不就行了？
行嗎？那自然是不行的。
雖然越大的圖版率親和力就越強，但也是有極值的。
一旦圖版率超過90%，好感度反而會降低。
不信咱看一看這個100%圖版率的圖~
只有圖沒有字，圖佔滿了整個版面。當真妥妥的100%圖版率。
雖然是極致的圖版率，但是不是感覺很空洞，親和力好感度反而低了。
所以想要極致的親和力，圖版率100%是不行的。
不行的就是不行的，就算狗腿兒打斷，也是萬萬不行的~
現在咱們要對這個版面做點不好的事情，
那就是給它加點文字。
看吧，看吧！
雖然只是在左上角稍微加了點文字，版面卻比之前有生氣了，親和力也提高了一點喲！
稍微加了一點文字，緩和了之前空洞、單調的感覺，版面的活力也比之前好了。
再來瞅瞅第二條
圖版率越小，格調感&枯燥感就越強。
圖占得比例越小，讀的慾望就越低。
這種版面內心感受是這樣的：
格老子的，愛咋咋地。老子就長這樣，愛看不看！
客官您看，這是不是特高冷，特有範兒！
“喜歡老子的自然會看，不喜歡的咱也不強求。”這就是所謂的大佬吧。
所以這種有格調的，高冷的，咱就可以用低圖版率。
但圖版率越低，版面的枯燥感就會越強，這個就比較負面了。
那麼問題就來了：
圖版率0%，怎麼搞才能不枯燥呢？
答案是通過不同文字層級、大小對比，不同字體來營造趣味性。
而這就引出下一篇《玉女心經》中的又一殺招——文字跳躍率了。
這一點，咱下期乾貨會重點講，這裡就僅放張圖略過吧~
倆圖的圖版率都是0，
但「大大小小B」相比「平平無奇A」來說，
用了不同的層級關係、不同字體來表現，
親和力就比A好撒~
畢竟，人們還是喜歡多元的東西，
天天吃一個菜，再好吃也會膩撒！
（嘿！寡人就是喜新厭舊了~）
有人就問了，低圖版率和高圖版率怎麼去界定呢？
其實我們可以參考40%這個值，
低於這個值的就是低圖版率，
高於這個值的就是高圖版率。
當然了，這個值是寡人定的（莫要打我，嗚嗚），
所以只起到參考作用喲！
知道了圖版率的多寡對版面帶來的影響後。
朕就要舉辦科舉考試，來反向測一下眾愛卿的掌握情況。
來吧，請聽題~
1.要表現有格調、高冷的感覺，應該用高圖版率還是低圖版率？
低圖版率！
這個對頁，圖片只佔了10%的版面，給人感覺就是有點格調咯，
當然，也有點乏味。
再來瞅瞅下面這個~
這個因為文字的編排原因，格調感比上面的強多了！
更重要的一點，是人家圖版率非常低。
雲的圖片因為跟背景非常相似，可以不算到圖版率中，有效圖版率也就是最下面的小人。
所以格調感必須強呀。
再來看最後一個~
這個網頁，圖片就只有下面的倆人，圖版率就很低，10%都不到。
給人的感覺就是比較高冷，比較有格調的。
2.要表現活潑和張力，應該用高圖版率還是低圖版率？
高圖版率！
超高的圖版率加上少量文字，給人的感覺就非常的活潑！
這個作品雖然是黑白的，但圖版率佔比很大，所以儘管是黑白的，給人的感覺也是比較有張力的！
所以，版面率的多寡取決於你項目的調性。
內向的、安靜的，咱就用低圖版率。
外向的、奔放的，咱就用高圖版率！
見不得人的那就……那就別放唄！
表現力&圖版率有啥區別？
上篇咱說了表現力，那麼表現力跟圖版率有啥區別呢？
咱就這麼說吧，
圖版率完全一樣的版面，表現力可能不同。
比如咱看一下這個版面，圖版率和排版完全一致，但「含蓄的B」視覺表現力比「內斂的A」強多了。
這個就是表現力的不同。
根據寡人上篇乾貨中說的，表現力排序為：插圖＞照片＞文字。
而插圖與照片當中根據畫面焦點則能排序為：人物＞動物＞物體＞沒有焦點的圖（如風景照）
這裡寡人再捋一捋吧。
低圖版率→→→版面安靜、高冷，但也無趣。
低表現力→→→版面安靜、高冷，也很無趣。
高圖版率→→→版面親和力強、更活潑。
高表現力→→→版面更活潑，更放蕩（跟朕一樣~）
兩者某種程度上傳達的感覺是差不多的。但圖版率更多的是圖片佔比的大小，而與圖片本身的表現力無關。
況且，咱們說的排版《玉女心經》中的八奇技，設計時都要綜合考慮。
咱現在八奇技學了倆了，就綜合用他一用。
是時候讓老夫傳授傳授組合拳了！
低圖版率+低表現力圖片是什麼感覺？
兩個都是安靜+高冷+無趣，強強相加，那必須是極致的高冷和無趣唄！
這個全是字， 那就是極低的圖版率+極低的表現力，最後的結果就是很無聊、很正式。
只能在文字的編排上加點韻律活絡一下版面。
雖如此，但還是杯水車薪，無聊的一批！
這個主頁，圖版率低，圖片也是風景之類的表現力不強的圖。給人的感覺也是優雅、有格調的。
高圖版率+高表現力圖片是什麼感覺呢？
這還用說，兩者都是親和力+活潑+放蕩，那組合起來必須是極致的活潑和放肆！
這個作品版面中除了到處都是圖，還用了表現力超強插圖類型。那自然是男上加男，更活潑了！
再來看下面這個
這個版面到處都是人物的圖片，圖版率自然就高。況且元素豐富飽滿，表現力也很高！
給人的感覺簡直是放肆！
這倆組合都能理解，沒有難度吧。
接下來就是有難度的了！也就是不同的圖版率和表現力的組合，會是撒子感覺。
低圖版率+高表現力
其實低圖版率就注定了翻不起大浪！
所以一般低圖版率+高表現力的形式也會很有格調感，但枯燥感會降低很多。
上面作品採用的就是低圖版率+高表現力（人物照片）的形式，給人感覺比較優雅、有格調。
也不至於那麼單調。
圖版率低+人物照片（高表現力），給人的感覺也是比較優雅簡約吧！
同樣低圖版率（比上面倆稍微高些）+高表現力，同樣是比較優雅有格調的。
高圖版率+低表現力
這個也比較有意思！
高圖版率但低表現力，給人的感覺會更有趣一點！而且雖然圖版率高，但會給人簡約+乾淨的感覺。
這個海報雖然是滿版，但因為照片是風景照，比較開闊，表現力不高。給人的感覺就比較乾淨，沒那麼放蕩！
這個嘛，跟上面的同理，高圖版率+低表現力，給人很清新的感覺！
再看這個
這裡就有愛卿問了，這麼多特寫的手，這不應該是高表現力嘛？
本來應該是高表現力沒錯，但手的顏色跟背景太過接近，彷彿融為一體。
所以在這個版面中其實是算低表現力的。
高圖版率+低表現力，造成的結果就是很有格調，同時也很有設計感。
再來看下面這個~
這個就比較過分了，上面還是手，現在直接搞個人像上來！
表現力和圖版率都這麼高，但給人感覺卻並不是那麼放肆，這不是打朕的臉嘛？
這到底是為啥呢？其實也是因為色彩。
人像的顏色跟背景很接近，所以表現力只能算中，並不是特別高。
勉為其難就算高圖版率+中表現力。給人的感覺雖然簡約，但已經比低表現力的強多了！
其實大多數時候，圖片表現力的大小是需要我們主觀去判斷的。
畢竟理論是死的，
人是活的。
世界是向前發展的，
萬物是在變化的。
而大貓，
是在不斷變帥的！
以上~
唉~寫乾貨上癮了，一不小心就寫了快4000字了呢。
雖寫了這麼多，但咱也不知道咱這套《玉女心經》有木有把圖版率說清楚，
所以有木有說明白，各位大佬留言告訴我吧~
這篇文風這麼搞，咱就要這種不正經的，輕鬆愉快的氛圍。所以，點個贊吧~
來源:排版《玉女心經》之圖版率
