PPT目錄頁導(dǎo)航的幾種常用方法

本文為小欄篇03篇，來說說幻燈片中的目錄

寫在之前的話

幻燈片中的目錄部分，我更傾向于稱作內(nèi)容導(dǎo)航，作用就是幻燈片播放伊始便熟悉整個演示結(jié)構(gòu)和敘述結(jié)構(gòu)。

一般文章結(jié)構(gòu)的層級可以使用1、1.1、1.1.1這種方式來標(biāo)注和分層文章結(jié)構(gòu)。反饋到幻燈片之中，就弱化了這種分層的項目編號，怎么去重現(xiàn)這種分層所帶來的邏輯表達(dá)順序，這就是各級導(dǎo)航所要發(fā)揮的作用。

現(xiàn)在就開始介紹在幻燈片中目錄使用中的一些方法和想法，希望有所幫助。

目錄與導(dǎo)航概述

目錄通常以并列或者遞進(jìn)關(guān)系，在一個有敘述邏輯的幻燈片中，能夠很容易體會這種關(guān)系。

幻燈片各個敘述主題版面分隔，內(nèi)容各自統(tǒng)一，這里為獨立；各個獨立的主題都有一個強(qiáng)烈的中心敘述，這是為內(nèi)容信息的統(tǒng)一。

比如說以前文字有提及到的，應(yīng)用底部的導(dǎo)航頁，或稱為tab，通過不同的圖標(biāo)指向不同的內(nèi)容版塊。這也就是這篇文字所要重點說明的部分。

一般幻燈片的目錄包括3-6項內(nèi)容，常用的為3個或4個。這里就需要在制作幻燈片時，能夠根據(jù)內(nèi)容進(jìn)行合理劃分。

條目過多，對于展開整個敘述內(nèi)容是有一定挑戰(zhàn)的，精簡且中心明確是制作幻燈片中所需要把握的。

 

1 純文字目錄

從名字就可以看得出來，這種目錄沒有任何的色塊修飾，僅僅是使用數(shù)字作為敘述標(biāo)號、文字作為條目標(biāo)題，下面列舉了三個常用的：

1.1 三條目縱一字排

1.2 四條目縱一字排

1.3 六條目田字排

這部分的內(nèi)容比較簡單，僅僅是數(shù)字作為標(biāo)識敘述的順序，只要保證對齊和分布均勻，雖然簡單但是也有一種美感。

如果項目匯報時間比較緊急、或真的追求毫無修飾的話，這種方式還是比較推薦的。

 

2 色塊+文字

純文字目錄可能不是一些朋友所想要的，那么就使用一些簡單色塊填充作為文字底色，這樣可能就沒有那么單調(diào)了。

2.1 四條目田字排

對文字部分使用色塊作為背景，這樣的方式除了可以應(yīng)用到目錄導(dǎo)航頁，還可以在整個幻燈片同級的版面使用這種色塊方式，形成版面的統(tǒng)一。

2.2 四條目縱一字排

目錄文字部分使用背景色塊填充，大版面上形成灰色和白色的左右分布，這種方式色塊占用區(qū)域部分較大。這里色塊顏色填充僅僅作為分隔版面，實現(xiàn)不那么單調(diào)的作用。

2.3 四條目田字排

大版面上形成灰色和白色的左右分布

小結(jié)：使用簡單色塊填充這種方式比一般純文字目錄多了一些色彩填充，或許按照某些視覺說法，就是少了一些版面色系的單調(diào)。

需要說明的，大色塊的顏色填充和數(shù)字表示的背景色塊盡量保持一致，這樣顏色較為統(tǒng)一，不會那么亂。

3 色塊填充目錄

這部分主要講矩形色塊和圓形色塊填充，在這兩種圖形之中，個人比較喜歡圓形多一些，因為圓形在版面布局之中，有時候體現(xiàn)出的一些畫龍點睛的作用，讓人眼前一亮。

3.1 矩形

下面列舉了常用的幾種形式，全部是4個并列/遞進(jìn)條目。使用矩形色塊填充作為條目的背景時，就不再使用一字橫排或者一字縱排，而是采用田字排列，使用田字排列更能夠均勻排列各個條目，而使用一字排一定程度上會使得版面擁擠不均勻。

第一種方式，使用圓角矩形，將敘述標(biāo)號和文本標(biāo)題都放在圓角矩形之中，呈田字排列。

第二種方式，敘述標(biāo)號使用帶有陰影效果的小圓形，文本標(biāo)題使用矩形作為背景，田字排列

第三種方式，敘述標(biāo)號使用帶有陰影效果的矩形，文本標(biāo)題使用矩形作為背景，田字排列

當(dāng)然這種方式有很多變形，如下圖這種效果，敘述標(biāo)號和文本標(biāo)題使用相同高度的矩形，然后將兩個矩形連接在一起，使用不同的顏色作為區(qū)分。

有沒有其他的方式，當(dāng)然有，下圖列取的這兩種方式，如果你覺得還可以的話，也是可以拿來用的，反正自打我把它做出來之后，就沒怎么用過。。

3.2 圓形

在排列布局的表現(xiàn)上，圓形給人一種更加舒服、整齊的感覺，如果你之前沒有使用過這種方式作為并列內(nèi)容的排版，不妨一試。

下面的三個示例的并列/遞進(jìn)條目分別為3、4、5三種方式。如果條目超過5個，這種方式也是可以的，但是顯示的效果上就會大打折扣。所以如果使用這種圓形作為排版的話，其條目最好是3-6個。

3.2.1 三條目圓形橫一字排

3.2.2 四條目圓形橫一字排

3.2.3 五條目圓形橫一字排

這種排版下，可以使用同色或者異色作為圓形填充。如果動畫水平較佳的話，可以用動態(tài)的形式來進(jìn)行切換展開說明。如果動畫水平欠佳，切換時使用幾種導(dǎo)航效果進(jìn)行內(nèi)容切換說明，該部分論述在此篇文字的最后一節(jié)。

4 圖標(biāo)目錄

在目錄頁或者其他并列/遞進(jìn)敘述版面頁時，使用小圖標(biāo)很大程度上比使用色塊效果更佳，前提是選擇圖標(biāo)要滿足當(dāng)前敘述項，而不是隨便找個圖標(biāo)往上放。

如果對于圖標(biāo)確實使用經(jīng)驗較少，可以參見：幻燈片中的小圖標(biāo) - 知乎專欄

圖標(biāo)使用時，背景色塊選用同色調(diào)或者異色調(diào)。在之前的文章說到過，使用不同色調(diào)的一個作用就是可以將圖標(biāo)背景底色作為該版塊內(nèi)容的主要輔助配色，這樣在色彩上能夠?qū)崿F(xiàn)版塊間的區(qū)分，如此做法也是版塊間獨立的實現(xiàn)。

4.1 三條目圓形橫一字排

4.2 四條目圓形橫一字排

4.3 四條目圓形田字排

5 卡片式目錄

幻燈片中色彩淺談之二，這篇文章之中，對卡片化的配色做了一個簡單的說明?？ㄆ瘍?nèi)容所強(qiáng)調(diào)的獨立性在幻燈片內(nèi)容表現(xiàn)上的確很好。目錄制作上，使用卡片式的方式也是對于各個條目內(nèi)容分隔化的強(qiáng)調(diào)說明。

下面是幾個制作頁，可以參考下其中制作想法。

6 圖片目錄

一般情形下，在目錄部分不要輕易使用各種圖像。目錄，僅僅作為導(dǎo)航，即便使用圖象，只要保證圖象看的清，弱化圖片帶來的布局排版，僅僅將其作為聯(lián)想各個條目標(biāo)題或簡要敘述的輔助提醒。

下面是兩種使用圖片作為目錄部分的示例，僅僅是個參考，對于整個版面使用一張圖片然后圖層覆蓋在圖像上面的這種方式不太推薦。

7 目錄的導(dǎo)航

這是本篇文字的最重要的部分，前面只是用一些案例來展現(xiàn)常用的目錄形式，這里是將目錄頁中切換不同內(nèi)容版塊的作用進(jìn)行說明。

7.1 顏色不同導(dǎo)航

使用場景是各個條目使用同色進(jìn)行填充或者配色，這時候使用顏色深淺或者不同色進(jìn)行配色，以此來作為不同內(nèi)容版塊的切換標(biāo)識。

7.2 形狀大小導(dǎo)航

對于使用不同色彩進(jìn)行顏色填充時，這時候就不能通過顏色進(jìn)行區(qū)分了，通過對即將展開敘述模塊進(jìn)行縮放實現(xiàn)形狀大小不同，如此即可實現(xiàn)條目導(dǎo)航到對應(yīng)內(nèi)容版塊的標(biāo)識了。

7.3 標(biāo)志形狀導(dǎo)航

如果不想去對形狀大小進(jìn)行更改實現(xiàn)導(dǎo)航標(biāo)識的話，那么就使用一些標(biāo)志性的形狀來實現(xiàn)內(nèi)容導(dǎo)航，下面使用了簡單的小圓形或者圓形線條作為標(biāo)志進(jìn)行內(nèi)容導(dǎo)航。

小結(jié)：上述所講的導(dǎo)航切換方式均是靜態(tài)切換，如果熟練使用路徑或者縮放動畫，那么這種方式就沒有動畫那樣切換內(nèi)容的連續(xù)性。這樣做的好處就是，即便不使用動畫，通過這種視覺上的突兀顯示，能夠起到切換內(nèi)容的提醒作用。

 

至此，該小欄篇結(jié)束