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

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

寫在之前的話

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

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

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

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

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

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

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

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

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

 

1 純文字目錄

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

1.1 三條目縱一字排

1.2 四條目縱一字排

1.3 六條目田字排

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

如果項(xiàng)目匯報(bào)時(shí)間比較緊急、或真的追求毫無修飾的話，這種方式還是比較推薦的。

 

2 色塊+文字

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

2.1 四條目田字排

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

2.2 四條目縱一字排

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

2.3 四條目田字排

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

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

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

3 色塊填充目錄

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

3.1 矩形

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

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

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

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

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

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

3.2 圓形

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

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

3.2.1 三條目圓形橫一字排

3.2.2 四條目圓形橫一字排

3.2.3 五條目圓形橫一字排

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

4 圖標(biāo)目錄

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

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

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

4.1 三條目圓形橫一字排

4.2 四條目圓形橫一字排

4.3 四條目圓形田字排

5 卡片式目錄

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

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

6 圖片目錄

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

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

7 目錄的導(dǎo)航

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

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

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

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

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

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

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

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

 

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