突出重點

排版四大原則的淺析

1. 對比 Contrast

通過版面的視覺元素（字體的大小、粗細、傾斜、顏色，色塊的填充、邊框、陰影等）的不相同，使該部分的元素成為視覺焦點，從而使觀者將更多注意力投放在該部分元素上。

典型的案例就是標(biāo)題與內(nèi)文之間的對比，比如將下面這段已經(jīng)劃分好層級關(guān)系的文案，放到 PPT 中進行視覺呈現(xiàn)。

再比如，下面這段文案，要求你從突出價格和突出產(chǎn)品兩種方式，分別進行展示。

注意，大家在看案例的時候只需要關(guān)注相應(yīng)的知識點，不要糾結(jié)于如何實現(xiàn)，畢竟每一個案例是我精心打磨過的，所以不是那么輕松就能立馬做出來的。這部分案例的目的，是希望大家能夠通過案例感受到四大原則的基本要點，而不是讓大家去制作出這樣的 PPT 頁面。

在表格類的圖表中，我們會對某條重要的數(shù)據(jù)進行強調(diào)。此時，我們會選擇填充底色，或者改變線框顏色的方式進行突出強調(diào)。

2. 重復(fù) Repetition

讓版面中的主視覺元素在整套 PPT 中反復(fù)出現(xiàn)，已達到統(tǒng)一、秩序的目的。使觀者對于整套 PPT 有一個整體上的認識，換種說法就是 PPT 的整體風(fēng)格要保持一致。包括主色、字體樣式、圖片圖標(biāo)風(fēng)格以及色塊樣式等等。

重復(fù)的原則在 PPT 中具體的體現(xiàn)，就是我們經(jīng)常聽到的， 看起來像一套 PPT。 比如下面的兩套 PPT，從主觀視覺上來看，很明顯后者比前者更像是一套統(tǒng)一的 PPT 作品。

仔細分析二者區(qū)別，我們可以總結(jié)出，一套統(tǒng)一的 PPT 作品，它必須具備以下5個特征：

1. 統(tǒng)一的配色系統(tǒng)，即主色唯一、副色統(tǒng)一；

2. 統(tǒng)一的色塊與線條風(fēng)格；

3. 統(tǒng)一的圖標(biāo)與圖片風(fēng)格；

4. 統(tǒng)一的文字樣式，即標(biāo)題、內(nèi)文的字體、字號、字重、行間距、字間距等樣式在不同頁面保持統(tǒng)一；

5. 統(tǒng)一的版式結(jié)構(gòu)，即所有的正文頁 PPT 應(yīng)該保證有相同的基本布局，如導(dǎo)航欄一致，版心大小一致，所有的過渡頁的版式也要保證一致性；

3. 對齊 Alignment

版面中任何視覺元素的位置都不是隨意放置的，要按照某種秩序規(guī)范去排列，比如網(wǎng)格系統(tǒng)。讓元素之間產(chǎn)生視覺聯(lián)系，從而引導(dǎo)觀者有條理地、清晰地接收頁面所要表達的信息。

對齊非常非常重要 ，如果你想很嚴格的判斷一份 PPT 是否足夠?qū)I(yè)，第一步就是找它里面的視覺元素是否對齊。

版面中視覺元素的對齊往往和版面張力密不可分，你甚至可以簡單的認為，某頁 PPT 中未對齊的元素，直接導(dǎo)致了這頁 PPT 沒有視覺張力。最直接的影響，就是導(dǎo)致觀者眼神游離，無法將視線集中在版面中。

文字的對齊方式有 6 種。對于橫排文字，有 居中對齊、左對齊、右對齊 ；對于豎排文字，有 居中對齊、頂對齊、底對齊 。同時，還要注意一點，在進行多段文字的左對齊時，要選擇 PPT 中「 兩端對齊 」命令。

關(guān)于這 6 種對齊方式的使用規(guī)范，我將在后續(xù)解讀設(shè)計書籍的專欄中，為大家詳細講解。

4. 親密性 Proximity

對版面中信息要進行歸組，內(nèi)容上聯(lián)系越緊密的信息，在視覺上也要越親密，使其成為一個視覺單元，降低版面的混亂感，而不是多個孤立的元素。這樣有助于給觀者提供清晰的結(jié)構(gòu)。

在 PPT 制作當(dāng)中，親密性往往體現(xiàn)在文字組之間的行間距上，通過不同的行間距，來區(qū)分文字組與文字組之間的聯(lián)系。

比如，我們對下面這段文案 只利用親密性 的原則進行排版。

在此基礎(chǔ)上，我們再利用對比、對齊的原則并添加一些色塊和線條等裝飾元素進行美化?；蛘撸覀兛梢該Q一種版式進行展示。

總結(jié)： 一般情況下，只要我們按照排版的四原則制作 PPT，就可以制作出超過 80% 的 PPT 作品。從我給大家舉得幾個例子中，不難發(fā)現(xiàn)，我并沒有用到多么炫技的手法，但是依然能夠出效果。

這也是我最想和大家表達的一種觀點， 視覺傳達的本質(zhì)是信息的傳遞 ，只要我們將信息處理的具有條理性、邏輯性、層級性，就可以算是一份優(yōu)質(zhì)的 PPT。尤其是對于時間緊張的職場人士，這一點尤為的重要。

文字層級關(guān)系的理解

在解釋文字的層級關(guān)系之前，我需要寫給大家解釋一下什么是層級關(guān)系。通俗的來講，層級關(guān)系是指版面中的一個個視覺單元，這些視覺單元之間可以是并列關(guān)系、遞進關(guān)系、包含關(guān)系。

層級關(guān)系可以分為兩類： 文字層級關(guān)系、版式層級關(guān)系 。前者是我們今天主要講解的內(nèi)容，二者的區(qū)別在于，文字層級關(guān)系是只討論文字之間的關(guān)系，我們可以按照文字信息之間的邏輯性將其至多劃分為 6 個層級，至少劃分為 2 個層級。

而版式的層級關(guān)系，是從版面構(gòu)成的宏觀角度去劃分版面。它包含兩塊，一個是主體層級，另一個是文字層級。這個主體可以是文字，也可以是圖片，但不論是哪種，這個主體一定是版面中面積最大的視覺元素。從平面構(gòu)成學(xué)的角度來分析，主體是平面構(gòu)成的三種構(gòu)成形式中的面構(gòu)成。

理論知識點到為止，能起到激發(fā)大家興趣的作用，就可以了。這篇文章中，我想把一些結(jié)論性的要點告訴大家。

1. 平面設(shè)計中文字的層級在要求在 2-6 個之間，而 PPT 作為一種需要在短時間內(nèi)傳達信息的平面設(shè)計手段，我們要 將文字的層級數(shù)目控制在 1- 3 個之間 。

2. 對于文字層級的劃分，我們按照 先父子級、再兄弟級 的方式進行劃分。簡單來說，就是先將標(biāo)題和該標(biāo)題對應(yīng)的內(nèi)文進行歸組，然后再將同一個級別的文字組放在一起。

   

3. 劃分好文字層級之后，我們還需要在視覺上進行文字層級的劃分。核心思想就是排版的四原則 - CRAP：

1. 通過文字組之間的物理距離呈現(xiàn)文字層級關(guān)系；

2. 文字組與文字組之間的距離要明顯大于文字組內(nèi)部的行間距；

3. 文字組內(nèi)的行間距和組與組之間的距離，一定要大于文字的字間距；

4. 對于 24 號以上的標(biāo)題文字，字間距切忌使用加寬等方式。原因是字庫中的字體默認設(shè)置，是以文字在小字號下排版效果而專門調(diào)整的，默認間距較為透氣，當(dāng)文字放大后，字體之間的距離會變得松散，為了提高閱讀性，需要縮小文字之間的距離，形成一個區(qū)域面積。（該段摘自研習(xí)設(shè)K先生的語錄）；

5. 行間距控制在 1.2-1.4 倍之間，具體操作：在 開始 選項卡中，點擊 段落 組的 行距選項 命令，然后將 行距 改為 多倍行距 ，數(shù)值控制在 1.2-1.4 之間。

   

對于最后一條結(jié)論，算是一種經(jīng)驗性結(jié)論，大家可以平時多看一些書幀裝籍的封面排版設(shè)計。感受一下行間距與字間距的魅力。尤其是臺灣設(shè)計師王志弘的書籍裝幀作品，即便在文字很多的情況下，依然能讓人感受到版面中的通透性。

那種版面設(shè)計帶來的呼吸感和暢通感比呼吸新鮮空氣還要能讓人愉悅。以我自身經(jīng)歷來說，第一次看大師設(shè)計的書籍封面時，我足足看了有將近一個小時，從而一發(fā)不可收。

強烈推薦大家平時多看一些書籍裝幀的作品，一定會對你的排版能力有很大程度的提升。大家可以在站酷上搜索 書籍 ，就能搜羅一大波優(yōu)秀作品。

再說一個我自己的觀點。我大概是一年前才開始接觸書籍設(shè)計，現(xiàn)在排版能力的突破很大程度上來自于對書籍封面排版的解構(gòu)。這些作品多數(shù)來自于設(shè)計師社區(qū)，而不是我們的日常生活中。

在學(xué)習(xí)設(shè)計之前，總覺的圍繞在我們周邊的海報、banner、宣傳冊、店鋪菜單等等，大多數(shù)乍一眼看去，花花綠綠的，十分好看。

但是現(xiàn)在，我發(fā)現(xiàn)自己對這些稱不上設(shè)計作品的商業(yè)設(shè)計，完全提不起興趣。因為我總能發(fā)現(xiàn)它們會犯一些非常低級的錯誤。如果看這篇推文的你，是一名廣告公司的打印人員，希望你能從提升大眾審美角度，重視一下你所打印出來的每一份設(shè)計作品。

案例演示

接下來，我將通過案例演示，加深大家對于上面所提到的排版四原則和文字層級關(guān)系知識點的理解。

這是一段從 Word 中粘貼過來的文字稿，老板現(xiàn)在讓你做一下排版，要求是 簡潔大方 （不要笑，老板真的會這么說），而且不能分頁，只能用一頁呈現(xiàn)。

第一步，將文字進行邏輯上的層級劃分。

第二步，按照文字的邏輯層級，進行視覺上的層級劃分。此時，你可以適當(dāng)?shù)脑黾右恍?biāo)題類的文字。同時，嚴格遵循排版的四大原則 - 對比 重復(fù) 對齊 親密 。確定版心，擺放文字。

最后一步，添加裝飾性元素，進行版面的美化。這一步根據(jù)自己的工作時間，合理的美化版面。