我一直覺得PPT當(dāng)中有一個很尷尬頁面，那就是目錄。

它既不能像封面一樣外表酷炫，也不能像內(nèi)頁一樣內(nèi)心豐富?？傊褪牵?/p>

偌大一頁PPT里面，往往只有幾行字的框架。

如何把這幾行字設(shè)計的清晰又美觀，我絞盡腦汁，總結(jié)了一套思路和技巧。

相信你看完這一篇文章，也能夠輕松學(xué)會這些思路和技巧。文末附本文源文件下載，方便拆解練習(xí)。

方法總體分為三個步驟，第一個步驟是文本分解，第二個步驟是模塊設(shè)計，第三個步驟是加法重組。

一、文本分解

PPT目錄中中天然存在相互并列的若干個要點，他們之間應(yīng)該是相互隔離的。

從元素的角度來看，這些文字不應(yīng)該在一個文本框里。有多少個標題就應(yīng)該有多少個文本框，這樣才方便后期設(shè)計。

章節(jié)標題的文字應(yīng)該足夠精煉，并且字數(shù)相差不大。

二、模塊設(shè)計

既然目錄里字如此少，主題又如此明確。那我們就找找參考看看類似的東西是怎么設(shè)計的吧！

仔細想想，LOGO、標志標牌、出版物標題等設(shè)計物也是字少主題明確。上街遛遛，這是我隨手拍的幾張照片：

分析一下，是不是基本都是這三項：

目錄標題也可以由這三項組成：標題、副標題、引導(dǎo)物。

這三者位置、大小、效果的不同組合，構(gòu)成了目錄的基本模塊。

我們在設(shè)計目錄模塊的時候可以參考各種各樣的排版方式。

副標題常常是標題的補充和解釋，也可以是英文翻譯或者漢語拼音。

是否添加副標題，很大程度上取決于PPT的應(yīng)用場合。例如正式的學(xué)術(shù)報告、公司對外簡介等場合，一般會給標題添加英文翻譯作為副標題；內(nèi)容結(jié)構(gòu)十分清晰的介紹型PPT，也會用副標題的形式大致描述每一章節(jié)的框架。

當(dāng)然，力求頁面簡潔或難以保證英文翻譯準確等情況，也可以不加副標題。

引導(dǎo)物主要作用有三。一是快速計數(shù)，二是引導(dǎo)視線，三是加強設(shè)計感。我將引導(dǎo)物分為三類，相信覆蓋了99%的PPT引導(dǎo)物樣式。

第一， 數(shù)字。

包括直接使用、加框線、反白處理、多層形狀疊加、加線條等手法。

第二， 圖標。

與數(shù)字的處理手法十分相似，注意挑選圖標時的一致性。

第三，英文。

一般是章節(jié)序號的翻譯，如PART ONE。

把副標題和引導(dǎo)物與標題拼合起來，就形成了目錄的基本模塊。

三、加法重組

既然PPT目錄是相互并列的若干個要素，那么它們的排版就應(yīng)該以均勻排版為主。也就是基本模塊橫向間距或者縱向間距相等。

在間距相等的限制條件下，我們可以把目錄排版成橫向的、縱向的、斜向的、參差的。

由于PPT目錄中本身的元素比較少，在重組模塊時，主要考慮做加法排版。

第一種技巧是加形狀。

例如給頁面添加條形的色塊，強化目錄的橫向排版：

將縱向排版的目錄移至一側(cè)，然后在另一側(cè)添加色塊平衡畫面：

順著斜向排版的目錄方向繪制形狀，形成一個通道，放置主要內(nèi)容：

或者用形狀將每個模塊裝起來，就像一張一張的卡片。

或者添加發(fā)散式的形狀，形成聚焦效果，豐富頁面。

第二種技巧，是加圖片。

圖片同樣可以起到平衡頁面的作用，頁面哪里有大量空白，就可以將圖片裁剪后放在那里。

可以放在左右：

可以放在上下：

可以填充在斜向的形狀里：

甚至可以變成奇特的形態(tài)，只要畫面整體是平衡的就行了：

直接將形狀部分蓋在圖片上，既能夠?qū)懳淖?，又打破了圖片和留白處的僵硬線條：

也可以將圖片放大至全屏，直接在圖片上蓋上一個蒙版，然后將目錄放上去：

蒙版的使用既可以是全屏的，也可以是局部的：

利用形狀和圖片，將頁面在縱深和平面上都分割開：

總之，添加形狀和圖片目的是為了豐富頁面、平衡畫面、創(chuàng)造新的空間。在添加圖片時始終記住這些目的，就不會畫蛇添足。

4、局部強化。

PPT目錄其實還可以作為過渡頁，提示現(xiàn)在正在講的是哪個部分。在均勻排版、視覺統(tǒng)一的基礎(chǔ)上，只要將某一個部分凸顯出來就可以了。

修改透明度、顏色、大小等參數(shù)都是不錯的凸顯方式。

以上就是本期的分享。

總結(jié)一下：PPT目錄的做法分為三步。第一步，將文本分解；第二步，模塊設(shè)計；第三步；加法重組，最后有必要的情況下可以局部強化。你GET了嗎？

最后，附送源文件~覺得有用的話支持一下點贊、轉(zhuǎn)發(fā)噢~

黑白間設(shè)計工作室

致力于在美與實用間尋找平衡

讓設(shè)計變得簡單

∨