@研習(xí)設(shè)K先生?：大家好，今天的課程題目是「讓你秒懂版式規(guī)劃」。很多剛剛?cè)胄械男』锇?，在一開(kāi)始接手文案到有想法著手去，經(jīng)常會(huì)有困惑，客戶(hù)或者文案給的亂糟糟的文字，怎么把它處理成一個(gè)良好的具有傳播屬性的畫(huà)面呢？這也是今天課程想要去解決的問(wèn)題。本篇教程分為以下幾個(gè)部分，首先是如何快速的整理文案，其次，確立信息的優(yōu)先級(jí)，然后，我會(huì)詳細(xì)的介紹幾種常用的版面劃分方式，這也是本節(jié)課的重點(diǎn)，最后再給大家分享一下作圖之前，繪制手稿的思路。好的，話(huà)不多說(shuō)，開(kāi)始我們今天的課程吧。

提到整理文案，不知道小伙伴們有沒(méi)有聯(lián)想到，現(xiàn)在特別火的整理收納術(shù)。估計(jì)有強(qiáng)迫癥的同學(xué)看到整理后的圖片，會(huì)非常舒服。

它同樣是要求整理人擁有一個(gè)劃分區(qū)域，歸類(lèi)物品和注意物與物之間距離的能力，是不是和我們整理文案很相似呢？

整理信息

開(kāi)始設(shè)計(jì)之前先整理信息，很多時(shí)候我們接手的文案，都是零碎甚至復(fù)雜的，這個(gè)時(shí)候就需要我們?cè)陂_(kāi)始設(shè)計(jì)之前，先整理信息。

我們可以看看日本著名的設(shè)計(jì)師，佐藤可士和，他是如何利用整理術(shù)來(lái)處理信息的。

很多小伙伴，是不是在一拿到文案后就直接開(kāi)始設(shè)計(jì)呢？

前期準(zhǔn)備階段，在我們一接手客戶(hù)或文案給的文字資料時(shí)，我們對(duì)這個(gè)資料的認(rèn)知是模糊的，有時(shí)候只是大體知道方向或行業(yè)是什么，這個(gè)時(shí)候就需要我們運(yùn)用整理術(shù)，先來(lái)整理好文案。

信息整理完畢后，原來(lái)模模糊糊的文案，現(xiàn)在變得清晰可見(jiàn)，但是它們?nèi)匀皇且粋€(gè)沒(méi)有邏輯順序的狀態(tài)。

這個(gè)時(shí)候我們就要把相關(guān)聯(lián)的信息整理組合到一起去。

信息已經(jīng)全部都按照關(guān)聯(lián)性分好組了，我們就開(kāi)始一組一組進(jìn)行整理，這個(gè)時(shí)候就需要我們?cè)O(shè)定好整理的優(yōu)先級(jí)。在這里從一號(hào)三角形開(kāi)始整理。

好的，現(xiàn)在每組信息里面的層級(jí)，我們也都劃分的清晰明了了。

到了這一步我們，再仔細(xì)的了解一下文案，這幾個(gè)組之間的關(guān)系是什么，在這里我們看到三角形加圓形等于正方形，也就是說(shuō)這里面正方形組的信息是最重要的。

所以我們?cè)陂_(kāi)始做圖的時(shí)候，就要把正方形組的信息放置在版面最顯眼的位置，這樣最有利于信息的傳播。

通過(guò)上面的演示，我們學(xué)習(xí)到了，在正式開(kāi)始設(shè)計(jì)之前，需要有前期準(zhǔn)備信息階段，信息整理完畢后觀察信息，列出有效信息，設(shè)定整理的優(yōu)先級(jí)，理清因果關(guān)系，找出本質(zhì)，這6個(gè)步驟，來(lái)逐步的整理信息，這個(gè)過(guò)程也是設(shè)計(jì)師逐步明白客戶(hù)需求和設(shè)計(jì)思路的過(guò)程。好的，那接下來(lái)通過(guò)案例部分，手把手教大家整理文案信息。

大多數(shù)情況下文案信息是不完整的，這個(gè)時(shí)候就需要我們自己進(jìn)行一定的頭腦風(fēng)暴，去尋找和補(bǔ)全信息，就是把模糊的信息逐漸變得清晰的過(guò)程。

在我們把信息補(bǔ)充整理完畢以后，我們開(kāi)始分析信息，把信息劃分成一個(gè)一個(gè)小組。

在這里我們看到，高亮的文字很明顯是配料表，我們把它與其他信息區(qū)分開(kāi)。

這一部分的高亮信息，是甜品的介紹，我們同樣把它與其他信息區(qū)分開(kāi)。

這里由于有提示，我們也能很快的區(qū)分出來(lái)，這個(gè)應(yīng)該是屬于注釋的那個(gè)部分。

在這里我們把整理好的信息，分別拿出來(lái)標(biāo)上符號(hào)，按照之前講的順序來(lái)進(jìn)行整理。

現(xiàn)在來(lái)看一下第一組的文案，從文案中可以知道，這個(gè)關(guān)于甜點(diǎn)的配料表的信息。

整理完成后，大幅度的提升了信息的識(shí)別度。

我們?cè)賮?lái)看第二組，這是一整段關(guān)于甜品的介紹，一整段文字閱讀起來(lái)，會(huì)產(chǎn)生一定的閱讀困難，這里我們將文字?jǐn)嘈小?/p>

信息整理完畢后，大大降低了閱讀的障礙。

當(dāng)三組的文案全部整理完畢后，我們就很清楚的知道，這三組文案分別想要傳達(dá)的內(nèi)容了。它們分別是：配料表，介紹和注釋。

這里就需要我們理清它們?nèi)齻€(gè)的因果關(guān)系。我已經(jīng)把所有可能的組合都列出來(lái)了，首先去掉以注釋為主的信息組合。

現(xiàn)在，我們已經(jīng)理清楚因果關(guān)系了，也就順理成章的推理出來(lái)了它們的本質(zhì)。

1. 重新整合

將雜亂的文字信息重新組合

在這里我給大家提供兩個(gè)信息整理的思路，第一個(gè)就是「將雜亂的文字信息重新組合」。

我們還是以剛才整理好的配料表為例，現(xiàn)在的文字依然存在辨識(shí)度的問(wèn)題，作為設(shè)計(jì)師，就要求盡可能的提高辨識(shí)度，這就需要繼續(xù)整理這個(gè)文案。

我們將名稱(chēng)與重量重新組合，不同種類(lèi)的信息進(jìn)行成組區(qū)分，提升整體文字的識(shí)別度。

2. 提煉關(guān)鍵信息

第二個(gè)信息整理思路是將文本的關(guān)鍵信息提煉出來(lái)。

我們?cè)僖淮斡^察這個(gè)甜點(diǎn)的介紹文案，發(fā)現(xiàn)這個(gè)文案可以分成四個(gè)部分，口感描述、外觀描述、制作成分、流行趨勢(shì)。在這里我們?cè)谕庥^描述中提煉出一段文字，作為這段話(huà)的摘要部分。

這樣在閱讀這段信息的時(shí)候，就可以更加容易的理解整段文字的內(nèi)容了。

按照上面的步驟，一步一步整理，整個(gè)過(guò)程也加深了我們對(duì)文案的理解，那么既然已經(jīng)明確了，一個(gè)文案中的重要信息是什么，下一步需要做的就是如何把這些信息傳達(dá)出來(lái)，這也就進(jìn)入了我們今天的第二部分的內(nèi)容了，如何確立優(yōu)先級(jí)。

3. 確立優(yōu)先級(jí)

通過(guò)上面的學(xué)習(xí)可以準(zhǔn)確的找到重要信息了，現(xiàn)在需要做的就是確立這些信息的優(yōu)先級(jí)別。

這里有四個(gè)一樣的蘋(píng)果，我們并不能從畫(huà)面知道哪個(gè)蘋(píng)果是最重要的。我們把這個(gè)蘋(píng)果放大，立刻就可以知道它優(yōu)先級(jí)別是最高的。

這個(gè)道理同樣適用在文字組上，單純看這段文字，我們并不知道哪一句話(huà)是重點(diǎn)內(nèi)容。

我們按照同樣的方式，把最重要的信息放大，就可以知道它們的優(yōu)先級(jí)別。

這里有三臺(tái)無(wú)人機(jī)，同樣發(fā)現(xiàn)不了哪一個(gè)是最重要的。但是我們只需要改變這個(gè)無(wú)人機(jī)的位置，就可以知道它們的優(yōu)先級(jí)別。

調(diào)整位置的思路，重新來(lái)修改文案，達(dá)到明確優(yōu)先級(jí)別的目的。

在這里有三個(gè)在舉重的人，同樣都分不出來(lái)他們的優(yōu)先級(jí)別。去過(guò)健身房的同學(xué)，應(yīng)該深有體會(huì)，在健身房你能舉起的重量越大，越能吸引別人的目光?，F(xiàn)在給中間的人，舉鐵的強(qiáng)度加倍，是不是優(yōu)先級(jí)別立刻就顯現(xiàn)出來(lái)了！

我們繼續(xù)以這段文字為例，可以是通過(guò)改變顏色或者增加字重，來(lái)改變文字的強(qiáng)度。

版面劃分

通過(guò)上面的學(xué)習(xí)，我們知道了可以通過(guò)調(diào)整信息的大小，位置和強(qiáng)度來(lái)確定信息的優(yōu)先級(jí)別，這個(gè)不僅僅只適用于文字信息，同樣適用于圖片信息，這樣在規(guī)劃版面的時(shí)候，就可以按照信息的重要程度合理的放置信息了。根據(jù)版面中的信息的多少，版面劃分的方式分為：二分法、三分法和四分法，通常來(lái)說(shuō)重要的信息在版面中所占的面積和比例也是最大的，次要信息以此類(lèi)推，所占面積依次減少，但并不是絕對(duì)的，這個(gè)同學(xué)們要明白。那么接下來(lái)，我們了解一些常用的版面劃分的方式。

1. 二分法

首先我們來(lái)看一下二分法的幾種形式。

在這張海報(bào)中，主視覺(jué)采用字疊圖的方式作為主體，置于畫(huà)面下方，占最大的面積和比例，其余文字放在上方，這就是典型的二分法畫(huà)面。

2. 三分法

接下來(lái)，我們來(lái)看一下三分法，這里的信息層級(jí)也就進(jìn)一步豐富起來(lái)。

這個(gè)畫(huà)面中主視覺(jué)占版面最大面積，主要信息和次要信息也會(huì)一目了然。

這個(gè)畫(huà)面同理，主視覺(jué)占據(jù)畫(huà)面最大面積，主要信息和次要信息，雖然面積占比區(qū)分不大，但是通過(guò)文字的大小對(duì)比，有效的確立了信息的優(yōu)先級(jí)別。

在海報(bào)中三分法也是很常見(jiàn)的方式。

3.?橫豎結(jié)合劃分版面

三分法，不僅僅只是橫向的劃分版面，同樣可以橫豎結(jié)合劃分版面，我們繼續(xù)來(lái)看幾種常見(jiàn)的劃分方式。

在這個(gè)畫(huà)面中，最重要是餐廳的展示圖片，主標(biāo)題次之。

這個(gè)版面中，這四張圖片傳遞的信息基本一致，但是將其中的一張圖片放大，占居版面的最大面積，就確立了明確的優(yōu)先級(jí)。

4. 四分法

我們來(lái)看一下四分法的常用劃分方式。

設(shè)計(jì)師在開(kāi)始正式的工作之前，還可以利用繪制手稿的形式來(lái)縮短思考設(shè)計(jì)的時(shí)間，鍛煉我們的畫(huà)面布局的能力，提升工作效率。下面給大家分享一下，繪制手稿的方法。

首先可以將圖片簡(jiǎn)化為線(xiàn)框。

將文字簡(jiǎn)化為線(xiàn)段，內(nèi)文文字用細(xì)線(xiàn)表示，標(biāo)題等文字用粗線(xiàn)表示。

先來(lái)看這張手稿，在繪制時(shí)使用了三分法的版面劃分方式。

我們把手繪的結(jié)構(gòu)掃描進(jìn)電腦，在軟件里，用線(xiàn)條的形式優(yōu)化版面。繼續(xù)細(xì)化，利用網(wǎng)格規(guī)范版面中的元素。

然后根據(jù)版面設(shè)計(jì)一個(gè)畫(huà)面。

繼續(xù)來(lái)看這張手稿，在畫(huà)的時(shí)候，這張左面考慮到了信息的數(shù)量，采用四分法，將版面劃分出來(lái)，右面采用三分法，這些版面劃分方法是可以相互組合的。

繼續(xù)把手繪的結(jié)構(gòu)掃描進(jìn)電腦，優(yōu)化版面。利用網(wǎng)格，規(guī)范手稿中的元素。

然后根據(jù)版面設(shè)計(jì)一個(gè)畫(huà)面。

案例

在我們?nèi)粘５淖詫W(xué)過(guò)程中，可以用手稿的方式，多去臨摹一些好的作品，這樣有助于大家更好的理解和記住版面形式，達(dá)到快速提升版式設(shè)計(jì)能力的目的。接下來(lái)我們通過(guò)案例部分，加深大家的理解。

我們來(lái)看下這個(gè)案例，拿到這個(gè)文案以后，同樣先按照第一部分講的整理文案的方式，整理并理解文案，這里我都已經(jīng)整理完畢了，就不重復(fù)過(guò)程了。

確定好文案的層級(jí)。

我們以主標(biāo)題的大小為x來(lái)劃分文字組的間距。

在這里采用二分法的方式，主要信息占據(jù)版面的最大面積，將圖片置入版面中。

我們采用字疊圖的方式，主要的文案信息疊放在圖片上方。信息放置后，產(chǎn)生了大量的負(fù)空間，需要減少這部分的負(fù)空間。

放置與音樂(lè)有關(guān)的聲波元素，減少負(fù)空間的同時(shí)，提升整個(gè)版面的動(dòng)感。添加文案解決下方的負(fù)空間，使整個(gè)畫(huà)面大小對(duì)比明顯。

配合圖片的感覺(jué)，上方文字添加發(fā)光效果，營(yíng)造現(xiàn)場(chǎng)氣氛。

在下方的主要信息區(qū)域，置入我們已經(jīng)排好的文字組，右側(cè)添加產(chǎn)品圖片。

為了增加畫(huà)面的呼應(yīng)，給下方添加同樣的文字。

總結(jié)

今天這節(jié)課到這里就結(jié)束了，我們通過(guò)四個(gè)部分的學(xué)習(xí)，了解到了從一開(kāi)始整理并不熟悉的文案，到整理好文案后，確定信息的優(yōu)先級(jí)別和版面的劃分方式，以及畫(huà)手稿的思路。相信在大家未來(lái)的學(xué)習(xí)和工作中有一定的幫助。

歡迎關(guān)注研習(xí)社的微信公眾號(hào)：「Yanxishe2017」