寫給新手的版式設(shè)計(jì)基礎(chǔ)指南（一）：表現(xiàn)力

下面?zhèn)z啤酒海報(bào)，哪個(gè)感覺更廉價(jià)？

這還用說嘛，當(dāng)然是B了，因?yàn)橛袔浉缪絶（跟大貓一樣帥！）

正經(jīng)點(diǎn)！好吧，因?yàn)锽出現(xiàn)了人物肖像，親和力比A這種高冷范強(qiáng)多了。買得起的東西才有親和力嘛，所以B給人感覺更廉價(jià)，屬于朕買得起的范疇。

反觀A呢，給人很大的距離感，感覺就貴，買不起系列。

下面兩個(gè)名片，哪個(gè)更易讓人產(chǎn)生信賴感？

當(dāng)然是B這個(gè)表情簡單的！因?yàn)閷?duì)齊做的好，給人感覺整潔、專業(yè)。

反觀A，太過復(fù)雜，花里胡哨。怎么也不像是能認(rèn)認(rèn)真真辦事兒的嘛！

所以B更能讓人產(chǎn)生信賴感~（好像有道理誒！）

為什么都是啤酒、名片，卻給人不同的心理感受呢？

這其實(shí)就是不同的排版格式所帶來的影響！（小聲：掃噶！）

我們一直常說版式版式，這個(gè)“版式”我所理解的就是排版的格式！（也有說法叫排版樣式（《七日掌握版面設(shè)計(jì)基礎(chǔ)》中的叫法），排版風(fēng)格、排版調(diào)性啥的，不管怎么說吧，這些都是一個(gè)東西了。）

按照朕的理解，排版是一種技能，而版式是一種模版。

根據(jù)不同的項(xiàng)目需求，選擇不同模版，自然會(huì)達(dá)到事半功倍的效果。

所以今個(gè)兒，咱們就來聊聊排版的格式！

格式?jīng)Q定版面效果的70%！

聽起來很震驚吧，但事實(shí)確實(shí)如此。

可以這么說，選對(duì)了排版格式會(huì)節(jié)約70%的排版時(shí)間！

打個(gè)比方，這里有一張羽毛球比賽的宣傳海報(bào)。

整體效果灰常不好，因?yàn)樗藳]用好排版的基礎(chǔ)規(guī)則，更關(guān)鍵在于，沒搞明白排版的格式。

屬于沒搞清楚要做個(gè)什么樣子就動(dòng)手的典范，

在這里朕花了幾分鐘優(yōu)化了排版，改了兩版，咱先瞧它一瞧。

這一版感覺高大上了不少，可能也有很多盆友喜歡，但朕要說的是，這不是一個(gè)好設(shè)計(jì)。主要是因?yàn)樗虐娴母袷讲粚?duì)。

咱提到大學(xué)生羽毛球賽，那是什么感覺？

那肯定是朝氣蓬勃、陽光向上呀。

那必須是鑼鼓喧天、鞭炮齊鳴、紅旗招展、人山人海呀。

而這些氣質(zhì)這個(gè)海報(bào)全然木有。純黑的背景，精致的字體，雖然屬于非常有格調(diào)的版式，但卻完全沒有生氣，仿若一灘死水，看不出半點(diǎn)朝氣蓬勃的樣子嘞。

真·我批判我自己。（看，本貓對(duì)自己是很嚴(yán)苛的！）

為啥會(huì)造成這個(gè)感覺？

那是因?yàn)檫@個(gè)排版格式是一種昂貴的格式，也是一種沒有生機(jī)的格式，

這種格式表現(xiàn)一下高端奢侈品還是ok的，但表現(xiàn)朝氣蓬勃的大學(xué)生還是算球啦~

咱再來看改的第二版

雖然不說多么優(yōu)秀吧，但運(yùn)用格式是okkk的。

明亮的色調(diào)和簡單的字效，雖然簡單，卻比黑色那個(gè)活潑，也更貼合大學(xué)羽毛球賽的感覺！

所以說，這稿用對(duì)了排版的格式！

這樣一對(duì)比，第一稿確實(shí)死氣沉沉。

雖然他排版沒啥問題，甚至用的字體還比較高端，但風(fēng)格錯(cuò)了，用再高端的字體又有撒子用呢。

就算撒潑打滾+罵街，那也是鐵定沒用的！

這也就說明了，排一個(gè)什么樣的版式就要用什么樣的風(fēng)格。

而什么樣的風(fēng)格，決定用什么樣的排版格式！

高端的東西用高端的格式，活潑的東西用活潑的格式。

見不得人的東西自然就用見不得人的格式唄！

那么排版的格式是由什么決定的呢？（害，說了這么大一圈，終于兜會(huì)來了~）

在版面中，決定排版格式的有八大要素，分別是表現(xiàn)力、圖版率、文字跳躍率、圖片跳躍率、網(wǎng)格拘束率、版面率、構(gòu)圖。

這八大要素又被稱為八奇技！（第八奇技是像朕一樣的偉大堅(jiān)強(qiáng)~）

只有全部掌握了這八奇技，才算是掌握了本座的這套絕世功法。

鑒于本次功法過于強(qiáng)大，咱就分為五塊來講。

今天咱就說說這第一講：表現(xiàn)力！

（表現(xiàn)力也有書中叫視覺度，但寡人覺得“表現(xiàn)力”涵蓋的更廣。《七日掌握版面設(shè)計(jì)基礎(chǔ)》中雖叫視覺度，但這包括插畫和照片。本貓覺得，文字元素也有表現(xiàn)力在其中，不能單獨(dú)拎出來~）

表現(xiàn)力

何為表現(xiàn)力？表現(xiàn)力就是視覺張力，也可理解為視覺沖擊力。

咱平常排版，用到的最基本的元素?zé)o外乎：文字和圖（包括照片、插圖等）。

插圖嘛，理解成插畫也是完全okkk的！

就表現(xiàn)力而言，一般是這種排序：插圖＞照片＞文字

文字呢，如果不做一些設(shè)計(jì)手法的處理，基本就是冰冷而沒感情的，所以表現(xiàn)力最弱。

而照片的表現(xiàn)力比文字高，但一般比插圖低，特別是海、天、云之類的照片，越空曠的表現(xiàn)力就越弱。

如果是有焦點(diǎn)的照片，那么表現(xiàn)力還是挺強(qiáng)的，比如特寫的人、動(dòng)物、靜物等。

而在照片中，表現(xiàn)力的排序?yàn)椋喝宋铮緞?dòng)物＞靜物＞風(fēng)景。

究其原因，是因?yàn)樵谛睦韺W(xué)中我們對(duì)自身相關(guān)的東西表現(xiàn)的更為關(guān)心。而人物是我們的同類，自然要比動(dòng)物、靜物、風(fēng)景更靠前。

插圖也是一樣，純風(fēng)景插畫的表現(xiàn)力肯定比有主體的表現(xiàn)力弱。

簡單來說表現(xiàn)力這塊可以概括為：

• 越空曠，表現(xiàn)力越弱；越飽滿，表現(xiàn)力越強(qiáng)！
• 越安靜，表現(xiàn)力越弱；越張揚(yáng)，表現(xiàn)力越強(qiáng)！
• 表現(xiàn)力強(qiáng)，親和力就強(qiáng)；表現(xiàn)力弱，親和力就弱！

那么在排版中，表現(xiàn)力是不是越強(qiáng)就越好呢？

那自然是不能的。強(qiáng)表現(xiàn)力與弱表現(xiàn)力有各自的應(yīng)用范疇。

問大家?guī)讉€(gè)問題

1. 要表現(xiàn)高端奢侈的感覺用強(qiáng)表現(xiàn)力還是弱表現(xiàn)力？

弱表現(xiàn)力！

這個(gè)是不是就很空曠，留白很多，產(chǎn)品也只用了一個(gè)靜物表現(xiàn)，顯得非常昂貴。

2. 要表現(xiàn)大眾消費(fèi)的感覺用強(qiáng)表現(xiàn)力還是弱表現(xiàn)力？

強(qiáng)表現(xiàn)力！

回到咱開始的那張圖，同樣是啤酒，右邊的就顯得更親民一點(diǎn)！我等也能消費(fèi)的起。

究其原因，正是因?yàn)槿宋镎掌谋憩F(xiàn)力比靜物的表現(xiàn)力高出好幾個(gè)量級(jí)。

況且孔劉大帥哥面帶笑容，親和力更是爆棚！

Ps：人物的表情也是會(huì)影響親和力喲！高冷的親和力肯定比和藹的親和力差。所以大家要多笑喲~（就像大貓一樣！）

3. 要表現(xiàn)活潑、積極向上的感覺用強(qiáng)表現(xiàn)力還是弱表現(xiàn)力？

強(qiáng)表現(xiàn)力！

這個(gè)主體用插圖的方式，表現(xiàn)力很強(qiáng)，所以就較活潑。而且版面非常的飽滿，一看就是陽光向上的好孩紙！

4. 要表現(xiàn)簡約安靜的感覺用強(qiáng)表現(xiàn)力還是弱表現(xiàn)力？

弱表現(xiàn)力！

這個(gè)作品畫面比較空，并且用了表現(xiàn)力較弱的風(fēng)景照，就會(huì)給人安靜和簡約的感受。

5. 要表現(xiàn)狂放不羈的感覺用強(qiáng)表現(xiàn)力還是弱表現(xiàn)力？

強(qiáng)表現(xiàn)力！

用強(qiáng)人像特寫這種強(qiáng)表現(xiàn)力的形式，結(jié)合凌亂擺放的充當(dāng)了圖形元素的文字，給人的感覺夸張和不羈！

注意：

雖然弱表現(xiàn)力能給人安靜或者距離感，但往往也會(huì)造成枯燥乏味的感覺。

所以在表現(xiàn)弱表現(xiàn)力的時(shí)候要拿捏好尺寸，不要做個(gè)枯燥乏味的東西喲！

因?yàn)樘菰锓ξ叮瑒e個(gè)兒根本就沒有看下去的欲望。

提升表現(xiàn)力和親和力，僅僅需要增加一幅插圖！

這里有一版介紹福特汽車的海報(bào)。

海報(bào)是純文字的形式，除了英文每行太長，整體還是很精致的排版。

但這個(gè)版面問題非常大，因?yàn)楸憩F(xiàn)力太弱了！感覺很高冷很乏味，反正老夫沒有讀下去的欲望。

那么怎么解決這個(gè)問題呢？提高表現(xiàn)力就行了！

上面咱說圖的表現(xiàn)力比字要強(qiáng)，那么插個(gè)圖就好了嘛！

僅僅是加了一副插圖，英文的行距縮短了一點(diǎn)，整體感覺是不是大不一樣！

它竟然變得可以讓朕這么挑剔的人讀下去了！

那么表現(xiàn)力可不可以更高呢？自然是能的！

雖然加了一個(gè)插圖，但我們可以繼續(xù)豐富這個(gè)插圖嘛，讓插圖更聚焦、更吸睛，表現(xiàn)力自然就更強(qiáng)！

比如朕畫幾個(gè)圈圈詛咒一下它。

這幾個(gè)圈圈還用了另一種顏色，一下子就把視角焦點(diǎn)突出了。

加了圈圈，排版是不是顯得比上面更飽滿呀！

更飽滿=表現(xiàn)力更高。

所以咱瞅著視覺上更舒服了，更大更持久了，閱讀體驗(yàn)提升的不只一點(diǎn)！

這就是表現(xiàn)力的力量。

如果想讓表現(xiàn)力更高，那就在版面中加入更多的元素或色彩吧。

這一稿僅僅又加了一個(gè)色塊，表現(xiàn)力又提升一級(jí)，層次和設(shè)計(jì)感又增加了。

這里有同學(xué)就要問了，既然增加表現(xiàn)力就能增加設(shè)計(jì)效果，那我把表現(xiàn)力加到極致豈不碉堡？

碉堡嘛？那肯定是碉不爆的！因?yàn)殡S著表現(xiàn)力的增加，版式的氣質(zhì)會(huì)發(fā)生變化。

表現(xiàn)力加到極致，那給人的必然是廉價(jià)、大眾、沒格調(diào)、很活潑的感覺。

而這種感覺跟福特肯定是格格不入的。

不信咱瞧瞧

這就很失敗了吧，雖然更飽滿，元素更多，表現(xiàn)力很高。

但是與目標(biāo)不匹配呀。當(dāng)個(gè)小盆友活動(dòng)的背景墻還差不多。

所以增加表現(xiàn)力或者減少表現(xiàn)力，不能把人家原來界定的氣質(zhì)給改了，不然就太失敗了！

所以設(shè)計(jì)前最重要的一點(diǎn)，就是要把項(xiàng)目調(diào)性給整對(duì)。

• 高格調(diào)咱就用弱表現(xiàn)力；
• 活潑年輕咱就用強(qiáng)表現(xiàn)力；
• 奢侈且昂貴咱就用弱表現(xiàn)力；
• 大眾消費(fèi)且親民咱就用強(qiáng)表現(xiàn)力；
• 見不得人咱就用見不得人的表現(xiàn)力。

以上。

講到這兒呢，老夫也不造有沒有說明白“表現(xiàn)力”到底是個(gè)什么玩意兒，

所以有木有說明白，各位大佬留言告訴我吧~

這篇文風(fēng)這么搞，咱就要這種不正經(jīng)的，輕松愉快的氛圍。所以，點(diǎn)個(gè)贊吧~

PS：本文知識(shí)點(diǎn)參考了經(jīng)典版式書《七日掌握版式設(shè)計(jì)基礎(chǔ)》，但可惜的是這本書已經(jīng)絕版多年，案例圖片也都是黑白的，可想而知有一定年頭了~

老夫多年前有幸珍藏了一本，想著這么好的內(nèi)容不該消失于世。所以結(jié)合其中知識(shí)點(diǎn)，加入了自己的感悟理解和案例，重寫了這份排版《玉女心經(jīng)》系列，除了希望能幫到大家，也希望經(jīng)典的內(nèi)容能夠保留。

有生之年，希望這本書再版，造福廣大群眾~~

更多平面好文：

歡迎關(guān)注作者的微信公眾號(hào)：「大貓?jiān)O(shè)計(jì)」