怎么從PPT小白進化到大神？

如前所述，PPT頁面呈現的核心原理就是“瞟”原理，也就是“關鍵內容、一瞟就見”。那么，如何讓關鍵內容一瞟就見呢？就是要將內容進行“一目了然”的設計，具體的實現方法就是：圖示化、焦點化和動態化。

頁面設計的焦點化即將重點內容以視覺焦點的形式呈現，從而吸引觀眾的目光，讓核心要點迅速被觀眾抓取。

焦點化的前提，首先要妥善安排頁面重點，即妥善安排PPT頁面呈現的信息容量，一個頁面只呈現一個主題或一個重點！

如果沒有重點：沒有重點找重點，找不到重點就兼并或刪除；

如果重點不突出：進行內容的提煉，找到核心的重點，主次分明；

如果重點太多：進行高度概括或分拆，確保一個頁面只呈現一個重點。

這一點非常重要！布衣公子發現很多的PPT，都存在信息堆砌的問題，要么文字沒有提煉，要么重點過多，從而導致觀眾目光茫然，找不到視覺焦點，也就不能快速抓取表達的信息要點。

凸出視覺焦點，要通過排版布局來實現。我們在此先把排版的四大原則總述一下，這四個原則在實現“一目了然、賞心悅目”這個設計目的的工具或方法上都有具體的體現，比如，“字不如表”就相當于排版的“親密”原則。

具體如下：

排版原則之“重復”——風格一致

排版原則之“親密”——字不如表

排版原則之“對齊”——整齊規范

排版原則之“對比”——視覺焦點

1

排版的四大原則

公子認為，平面設計中最難的是配色和排版，配色部分將在后面的章節詳述，我們先來聊一聊排版的話題。

大自然中沒有完全相同的兩片葉子，也沒有完全相同的兩朵云彩，這說明設計的創意可以是無限的。但為什么很多人還是覺得排版無從下手呢？這恰恰是因為創意的無限，如同找對象一樣，可選擇的人越多越容易被耽擱。

因此，無限的創意需要總結出有限的套路，才更方便我們去學習和參考，先依據套路依葫蘆畫瓢，待成為高手后再融會貫通、打破套路。那么，布衣公子就從自身的經驗出發，結合傳統的排版四大原則，總結出系列排版套路供大家參考。

▲圖2.3.1-1

如何理解這個排版的排字？排可以理解為調整視覺元素的布局，不僅包括位置的移動，還包括大小、色彩和明暗對比的調整，其目的有兩個，一是突出表達的內容，二是體現布局之美。如果內容過多，還要壓縮或拆分，如若修飾元素過多，還需消除視覺雜音，極簡風格的PPT排版，甚至不需要任何修飾的元素。

排版原則一、重復。

即整體風格一致&局部版式重復。①整體風格一致指配色、字體、版式、立體或扁平、矢量插畫與真實圖片等的選用一致，這個大家都理解；②局部版式重復指同樣功能（如過渡頁）或同等內容的重復（如企業文化中的愿景、使命、核心價值觀），從而避免過度設計的毛病，也就是說，版式千變萬化，固然避免了單調，卻也導致了視覺焦點的反復游移，實際上，設計精美的版式適當重復也很好！不要讓觀眾太累。

如圖2.3.1-2，左側三個頁面的版式是完全一致的，講的是企業文化落地目標的「知信行」，右側六個頁面的版式也完全一致，講的是矢量素材的運用，它們都屬于同等內容，所以版式可以全完一致，這就是重復原則一種典型的運用。

▲圖2.3.1-2

排版原則二、親密。

即把內容梳理后歸類分組。如何歸類分組呢？把相互關聯、意思相近的內容放在一起。歸類分組后，就方便套用圖表或進行模塊化設計。如果懂得這一點，排版就容易多了！

如圖2.3.1-3，是《為什么您下了那么多的PPT模板卻套用不上》的課件截圖，這就是典型的親密原則的運用，將大段文字進行提煉分組后，就方便套用圖表或進行模塊化設計。如此，還會把PPT當WORD來用嗎？

▲圖2.3.1-3

排版原則三、對齊。

即PPT版式的幾何布局之美，頁面上的每個元素都應當與頁面上的另一個元素有某種視覺聯系，如邊界對齊、等距分布、幾何對稱等。

如圖2.3.1-4，邊界對齊與等距分布是最基本的排版常識，但是如何實現邊界對齊與等距分布，大家還記得不？

▲圖2.3.1-4

幾何對稱包括頁面元素對稱和整體版式對稱，如圖圖2.3.1-5是頁面元素對稱，即頁面元素左右或上下對稱，居中對折是可以完全重合的。

▲圖2.3.1-5

如圖2.3.1-6是整體版式對稱，即整體頁面的色塊之間、色塊與圖、色塊與空白、圖與空白的左右、上下或傾斜的版式對稱。

▲圖2.3.1-6

排版原則四、對比。

即讓版式更符合瞟的原理，通過有意識地增加不同等級或不同類別元素之間的差異性如大小、色彩或明暗，從而形成強烈的視覺對比效果，吸引注意力，達到突出重點的效果。具體的方法有：大字報式、明暗對比、元素烘托等。

▲圖2.3.1-7

如圖2.3.1-7，請思考，這個頁面都有哪些排版的原理或方法呢？

如前所述，“對比”的排版原則其目的就是要凸顯版面的視覺焦點，從而讓關鍵的信息迅速讓觀眾捕捉。具體的實現方法包括但不限于：大字報式、明暗對比、元素烘托等。

2

大字報式文字排版的實用寶典

據說，很多人沒有了圖片就不知道該如何排版了！尤其是純文字設計，直接拿PPT當WORD來用。其實，你只需要把重點提煉出來，放大即可。當然，考慮到美觀層面，公子還是有一些經驗可以分享的！

布衣公子總結的文字排版寶典：

①四字以內超大字

②一排大字系腰帶

③整句雙排一般大

④如需換行按含義

⑤主副差異兩端齊

⑥字多大字與段落

⑦圖形文字保形狀

①四字以內超大字。即核心要點在四字以內（含四個字），可以采用超大字來顯示，擁有絕對的視覺沖擊力。如圖2.3.2-1所示。

▲圖2.3.2-1

②一排大字系腰帶。這種情況特別適合制作PPT的封面，圖中所舉案例也都是封面，即一排大字可采用正中間放置一個色塊的方式來排版布局，雖然簡單粗暴，但也實用，如果輔以全圖背景，多圖排版、深色背景等個性化設計，也不算特別單調。如圖2.3.2-2所示。

▲圖2.3.2-2

③整句雙排一般大。如果一個完整的句子一排放不下放兩排時，可考慮盡量兩端對齊會比較好看。當然，如果字數是偶數兩端對齊沒問題，若字數是奇數怎么辦？可設置【分散對齊】。如圖2.3.2-3所示。

▲圖2.3.2-3

④如需換行按含義。當然，并不是所有的文字都適合兩端對齊的方式來排版，可以按照文字的含義來斷句換行，也有一種參差的美感，一般設置為左對齊或右對齊。如圖2.3.2-4所示。

▲圖2.3.2-4

⑤主副差異兩端齊。當兩行的文字內容為一主一副（如主標題和副標題，名詞及其含義）或整句雙排表達時為突出核心的內容，可采用一大一小但兩端對齊的方式來布局。如圖2.3.2-5所示。

▲圖2.3.2-5

⑥字多大字與段落。當內容依然很多時，切忌不要把大段文字都設置很大，仿佛老年人的手機屏幕一樣。一定要大的大，小的小，這樣才能突出重點，層次分明。如圖2.3.2-6所示。

▲圖2.3.2-6

3

用好色塊，讓排版游刃有余

在排版設計中，除了文字和圖片，幾何形狀的色塊也可以用來分割、布局整體的視覺效果，通過強化明暗對比，突出想要表達的內容，同時也能夠給人帶來靈動活潑的感覺。

如圖2.3.2-7所示，有色塊與沒有色塊的比對，有什么區別呢？左側沒有色塊作為文字襯底，感覺太單調了，特別是頁數多的時候，如果都是白色背景，實在是毫無設計感而言。右側加了色塊，畫面是不是瞬間有了層次感，重點也凸顯出來了！

▲圖2.3.2-7

先說一說什么是色塊？就是在PPT 【形狀】中可設置為無邊框的彩色或黑白灰的各種圖形或源自矢量素材的創意圖形。如圖2.3.2-8所示。

▲圖2.3.2-8

使用色塊排版的七大好處：

①強化明暗對比；

②設計對稱版式；

③頁面均等拆分；

④填補版式空缺；

⑤圖文對應排版；

⑥排列形成圖表；

⑦背景美化修飾。

①強化明暗對比。這是使用色塊最根本的出發點，符合排版的對比原則，通過強化明暗對比從而突出了要表達的內容。如果圖片雜亂但需要在上面放內容時，也可以使用色塊，同時還可以設置一定的透明度形成蒙版的效果。如圖2.3.2-9所示。

▲圖2.3.2-9

②設計對稱版式。可以說，對稱版式是永不過時的經典排版版式，而用色塊則可以快速實現對稱版式。如圖2.3.2-10所示。

▲圖2.3.2-10

③頁面均等拆分。即用不同顏色的色塊將頁面均等拆分，從而實現內容模塊化設計的效果，當然不僅可以豎直拆分，也可以傾斜拆分，不僅可以作為內容的分類呈現，也可以作為版式的美化設計。如圖2.3.2-11所示。

▲圖2.3.2-11

④填補版式空缺。即通過色塊來彌補圖片與背景間的版式空缺，從而起到了維持視覺平衡的作用。您可以想象一下如果我們案例中的色塊去掉，畫面的重心就不穩了，視覺上就會很不舒服！如圖2.3.2-12所示。

▲圖2.3.2-12

⑤圖文對應排版。即利用色塊與圖片進行一圖一文的排版，這也是色塊運用最多的設計場景。這個使用案例太多了，無需多言。如圖2.3.2-13所示。

▲圖2.3.2-13

⑥排列形成圖表。即利用信手拈來的色塊來設計圖表，通過不同的色彩來區分不同的內容，簡單而又大氣。如圖2.3.2-14所示。

▲圖2.3.2-14

⑦背景美化修飾。如果把色塊用到了爐火純青的地步，就會巧妙的利用不同形狀、不同色彩、不同灰度的色塊來修飾版面。使得頁面的呈現告別單調，富有設計感，或大氣、或高雅、或文藝、或婉約，運用之妙，存乎一心。如圖2.3.2-15所示。

▲圖2.3.2-15

4

用元素修飾提升PPT的設計感

穿西裝為什么要佩領帶？領帶起源于何時？最初的作用是什么？這已經是難以考證的問題了，但我們都知道它是穿西裝的必備裝飾，不可或缺。可見，商務場合，穿著需要裝飾，而商務PPT，也需要一些視覺元素來修飾，使得我們的設計告別單調。

有哪些修飾元素可以讓PPT的設計告別單調呢？公子總結如下幾種給大家作參考：線條、圖框、色塊、圖形。具體的作用及細分元素詳見圖2.3.2-16所示。

▲圖2.3.2-16

它們的修飾作用，簡單概述如下：

①用線條對齊或分界。即，借助線條來實現不同內容的對齊，讓頁面更具平衡感，或用線條來劃分不同的內容。如圖2.3.2-17所示。

▲圖2.3.2-17

②用圖框劃定一個范圍。即，借助圖框給表述的文字內容劃定一個范圍，使得頁面更整齊，符合模塊化設計的特點。如圖2.3.2-18所示。

▲圖2.3.2-18

③用色塊強化明暗對比。即，用色塊作為文字或圖片、圖形的襯底，增強明暗對比的效果，突出要表達的內容，美化版式的設計。如圖2.3.2-19所示。

▲圖2.3.2-19

④用圖形實現場景化設計。即使用具有特定含義的圖形來實現場景化的設計，比如電影膠片、電腦樣機、對話氣泡、白板等。如圖2.3.2-20所示。

▲圖2.3.2-20

5

排版用樣機讓PPT秒變白富美

我們經常看到收費模板宣傳時使用那種漂亮的電子設備圖片來輔助展示，如圖2.3.2-21所示，這種類型的圖片有一個統一的稱呼叫做樣機。樣機不僅僅可以用來宣傳PPT模板，也可以輔助PPT排版，它是一種場景化設計的體現。

▲圖2.3.2-21

什么是樣機（mockup)？樣機是一種擁有智能替換圖層的PSD格式文件，可非常方便的將自己的圖片替換到樣機素材中。除了大家最常見的電子設備的樣機，還有各種場景化的展示樣機，如T恤、文件袋、名片、水杯、車貼、LOGO、雜志、舞臺、燈箱廣告等等。如圖2.3.2-22，則是一種舞臺效果的樣機展示。如何通俗的理解樣機？它其實就相當于是平面設計效果的展示模特。

▲圖2.3.2-22

電子設備樣機按照其展示的特點，大概可以分為兩種類別，一種是平面樣機，一種是三維樣機。三維樣機即展示圖片的視覺效果是三維的，如圖2.3.2-21所示，這種樣機的特點是基本上只能在PS中替換圖片。

平面樣機即展示圖片的視覺效果是平面的，如圖2.3.2-23所示，這種樣機的特點是非常方便遷移到PPT中使用，即借助PS或AI軟件將樣機素材導出為可在PPT中使用的PNG格式圖片或矢量圖形，通過圖片占位符的設計可以實現類似PS樣機的智能替換模式。

▲圖2.3.2-23

讓我們來看一下，樣機輔助排版的設計效果。

①樣機使用技巧之圖片展示。同樣的一張圖片，在未使用樣機之前，直接張貼在頁面上會顯得平淡無奇；而使用樣機之后，如同將一幅畫進行了裝裱，從而提升了頁面的設計感，也吸引了觀眾的注意力。設計效果如圖2.3.2-24所示。

▲圖2.3.2-24

②樣機使用技巧之圖表/圖標展示。即，樣機的電子屏幕設置為色塊，其上可展示圖表或圖標，甚至是大字報。設計效果如圖2.3.2-25所示。

▲圖2.3.2-25

那么，到哪里去找這些樣機素材呢？最簡單的方法從搜集的PPT素材中拷貝。所以，我們平時要做個有心人，善于搜集和整理素材。

如果我們對PS和AI軟件略有了解，也可以從PSD和AI/EPS格式文件中導出樣機素材。

①從PSD中導出PNG樣機。方法很簡單，通過PS軟件打開PSD文件后，隱藏不必要的圖層，只顯示電子設備部分，然后另存為PNG格式圖片即可。操作過程如圖2.3.2-26所示。

▲圖2.3.2-26

②從AI或EPS中導出扁平樣機。把下載到的矢量樣機素材（AI或EPS格式文件）在AI中打開，選中樣機部分拖入PPT中兩次解壓縮即可。扁平樣機的特點是，可以根據設計的需要修改其顏色。操作過程如圖2.3.2-27所示。

▲圖2.3.2-27