@研習設K先生?：大家好，今天的課程題目是「讓你秒懂版式規劃」。很多剛剛入行的小伙伴，在一開始接手文案到有想法著手去，經常會有困惑，客戶或者文案給的亂糟糟的文字，怎么把它處理成一個良好的具有傳播屬性的畫面呢？這也是今天課程想要去解決的問題。本篇教程分為以下幾個部分，首先是如何快速的整理文案，其次，確立信息的優先級，然后，我會詳細的介紹幾種常用的版面劃分方式，這也是本節課的重點，最后再給大家分享一下作圖之前，繪制手稿的思路。好的，話不多說，開始我們今天的課程吧。

提到整理文案，不知道小伙伴們有沒有聯想到，現在特別火的整理收納術。估計有強迫癥的同學看到整理后的圖片，會非常舒服。

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

整理信息

開始設計之前先整理信息，很多時候我們接手的文案，都是零碎甚至復雜的，這個時候就需要我們在開始設計之前，先整理信息。

我們可以看看日本著名的設計師，佐藤可士和，他是如何利用整理術來處理信息的。

很多小伙伴，是不是在一拿到文案后就直接開始設計呢？

前期準備階段，在我們一接手客戶或文案給的文字資料時，我們對這個資料的認知是模糊的，有時候只是大體知道方向或行業是什么，這個時候就需要我們運用整理術，先來整理好文案。

信息整理完畢后，原來模模糊糊的文案，現在變得清晰可見，但是它們仍然是一個沒有邏輯順序的狀態。

這個時候我們就要把相關聯的信息整理組合到一起去。

信息已經全部都按照關聯性分好組了，我們就開始一組一組進行整理，這個時候就需要我們設定好整理的優先級。在這里從一號三角形開始整理。

好的，現在每組信息里面的層級，我們也都劃分的清晰明了了。

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

所以我們在開始做圖的時候，就要把正方形組的信息放置在版面最顯眼的位置，這樣最有利于信息的傳播。

通過上面的演示，我們學習到了，在正式開始設計之前，需要有前期準備信息階段，信息整理完畢后觀察信息，列出有效信息，設定整理的優先級，理清因果關系，找出本質，這6個步驟，來逐步的整理信息，這個過程也是設計師逐步明白客戶需求和設計思路的過程。好的，那接下來通過案例部分，手把手教大家整理文案信息。

大多數情況下文案信息是不完整的，這個時候就需要我們自己進行一定的頭腦風暴，去尋找和補全信息，就是把模糊的信息逐漸變得清晰的過程。

在我們把信息補充整理完畢以后，我們開始分析信息，把信息劃分成一個一個小組。

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

這一部分的高亮信息，是甜品的介紹，我們同樣把它與其他信息區分開。

這里由于有提示，我們也能很快的區分出來，這個應該是屬于注釋的那個部分。

在這里我們把整理好的信息，分別拿出來標上符號，按照之前講的順序來進行整理。

現在來看一下第一組的文案，從文案中可以知道，這個關于甜點的配料表的信息。

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

我們再來看第二組，這是一整段關于甜品的介紹，一整段文字閱讀起來，會產生一定的閱讀困難，這里我們將文字斷行。

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

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

這里就需要我們理清它們三個的因果關系。我已經把所有可能的組合都列出來了，首先去掉以注釋為主的信息組合。

現在，我們已經理清楚因果關系了，也就順理成章的推理出來了它們的本質。

1. 重新整合

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

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

我們還是以剛才整理好的配料表為例，現在的文字依然存在辨識度的問題，作為設計師，就要求盡可能的提高辨識度，這就需要繼續整理這個文案。

我們將名稱與重量重新組合，不同種類的信息進行成組區分，提升整體文字的識別度。

2. 提煉關鍵信息

第二個信息整理思路是將文本的關鍵信息提煉出來。

我們再一次觀察這個甜點的介紹文案，發現這個文案可以分成四個部分，口感描述、外觀描述、制作成分、流行趨勢。在這里我們在外觀描述中提煉出一段文字，作為這段話的摘要部分。

這樣在閱讀這段信息的時候，就可以更加容易的理解整段文字的內容了。

按照上面的步驟，一步一步整理，整個過程也加深了我們對文案的理解，那么既然已經明確了，一個文案中的重要信息是什么，下一步需要做的就是如何把這些信息傳達出來，這也就進入了我們今天的第二部分的內容了，如何確立優先級。

3. 確立優先級

通過上面的學習可以準確的找到重要信息了，現在需要做的就是確立這些信息的優先級別。

這里有四個一樣的蘋果，我們并不能從畫面知道哪個蘋果是最重要的。我們把這個蘋果放大，立刻就可以知道它優先級別是最高的。

這個道理同樣適用在文字組上，單純看這段文字，我們并不知道哪一句話是重點內容。

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

這里有三臺無人機，同樣發現不了哪一個是最重要的。但是我們只需要改變這個無人機的位置，就可以知道它們的優先級別。

調整位置的思路，重新來修改文案，達到明確優先級別的目的。

在這里有三個在舉重的人，同樣都分不出來他們的優先級別。去過健身房的同學，應該深有體會，在健身房你能舉起的重量越大，越能吸引別人的目光?，F在給中間的人，舉鐵的強度加倍，是不是優先級別立刻就顯現出來了！

我們繼續以這段文字為例，可以是通過改變顏色或者增加字重，來改變文字的強度。

版面劃分

通過上面的學習，我們知道了可以通過調整信息的大小，位置和強度來確定信息的優先級別，這個不僅僅只適用于文字信息，同樣適用于圖片信息，這樣在規劃版面的時候，就可以按照信息的重要程度合理的放置信息了。根據版面中的信息的多少，版面劃分的方式分為：二分法、三分法和四分法，通常來說重要的信息在版面中所占的面積和比例也是最大的，次要信息以此類推，所占面積依次減少，但并不是絕對的，這個同學們要明白。那么接下來，我們了解一些常用的版面劃分的方式。

1. 二分法

首先我們來看一下二分法的幾種形式。

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

2. 三分法

接下來，我們來看一下三分法，這里的信息層級也就進一步豐富起來。

這個畫面中主視覺占版面最大面積，主要信息和次要信息也會一目了然。

這個畫面同理，主視覺占據畫面最大面積，主要信息和次要信息，雖然面積占比區分不大，但是通過文字的大小對比，有效的確立了信息的優先級別。

在海報中三分法也是很常見的方式。

3.?橫豎結合劃分版面

三分法，不僅僅只是橫向的劃分版面，同樣可以橫豎結合劃分版面，我們繼續來看幾種常見的劃分方式。

在這個畫面中，最重要是餐廳的展示圖片，主標題次之。

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

4. 四分法

我們來看一下四分法的常用劃分方式。

設計師在開始正式的工作之前，還可以利用繪制手稿的形式來縮短思考設計的時間，鍛煉我們的畫面布局的能力，提升工作效率。下面給大家分享一下，繪制手稿的方法。

首先可以將圖片簡化為線框。

將文字簡化為線段，內文文字用細線表示，標題等文字用粗線表示。

先來看這張手稿，在繪制時使用了三分法的版面劃分方式。

我們把手繪的結構掃描進電腦，在軟件里，用線條的形式優化版面。繼續細化，利用網格規范版面中的元素。

然后根據版面設計一個畫面。

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

繼續把手繪的結構掃描進電腦，優化版面。利用網格，規范手稿中的元素。

然后根據版面設計一個畫面。

案例

在我們日常的自學過程中，可以用手稿的方式，多去臨摹一些好的作品，這樣有助于大家更好的理解和記住版面形式，達到快速提升版式設計能力的目的。接下來我們通過案例部分，加深大家的理解。

我們來看下這個案例，拿到這個文案以后，同樣先按照第一部分講的整理文案的方式，整理并理解文案，這里我都已經整理完畢了，就不重復過程了。

確定好文案的層級。

我們以主標題的大小為x來劃分文字組的間距。

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

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

放置與音樂有關的聲波元素，減少負空間的同時，提升整個版面的動感。添加文案解決下方的負空間，使整個畫面大小對比明顯。

配合圖片的感覺，上方文字添加發光效果，營造現場氣氛。

在下方的主要信息區域，置入我們已經排好的文字組，右側添加產品圖片。

為了增加畫面的呼應，給下方添加同樣的文字。

總結

今天這節課到這里就結束了，我們通過四個部分的學習，了解到了從一開始整理并不熟悉的文案，到整理好文案后，確定信息的優先級別和版面的劃分方式，以及畫手稿的思路。相信在大家未來的學習和工作中有一定的幫助。

歡迎關注研習社的微信公眾號：「Yanxishe2017」