在很多信息量較大的 PPT 中，像行業(yè)報(bào)告，學(xué)術(shù)答辯等，為了讓頁面的邏輯結(jié)構(gòu)更清晰，導(dǎo)航欄的使用，是一個(gè)不錯(cuò)的選擇。
來自：https://www.prezman.fr
那么，問題來了，該如何去設(shè)計(jì)一個(gè)美觀且實(shí)用的 PPT 導(dǎo)航欄呢？
這里，非常簡單，掌握兩個(gè)關(guān)鍵詞就夠了。哪兩個(gè)呢？分別是：
導(dǎo)航欄的作用，一般是用作串聯(lián)頁面內(nèi)容結(jié)構(gòu)，通俗點(diǎn)說叫承前啟后。相信各位在很多網(wǎng)頁設(shè)計(jì)中，都見過：
大部分的導(dǎo)航欄，可能只有一個(gè)簡單的層級(jí)結(jié)構(gòu)，一般是把 PPT 的目錄項(xiàng)，放在這里，從而告訴觀眾，現(xiàn)在講到了哪個(gè)部分。
在制作導(dǎo)航欄時(shí)，可能就會(huì)做成這樣：
還有一部分的導(dǎo)航結(jié)構(gòu)，可能稍微復(fù)雜，會(huì)牽扯到多個(gè)層級(jí)，比如就像這樣的內(nèi)容結(jié)構(gòu)：
對(duì)于 PPT 中的導(dǎo)航欄，其實(shí)無非是這么兩種，單一層級(jí)和多項(xiàng)層級(jí)：
不過，不管是哪一種，我們都需要知道，該如何區(qū)分每一層級(jí)信息的視覺重點(diǎn)。
我把常用的方法，總結(jié)了一下。大概是這樣的，分為4種：
啥意思呢？我們通過一個(gè)例子，簡單理解一下。比如就拿前面那個(gè)頁面來說：
基于內(nèi)容的層級(jí)關(guān)系，我可能會(huì)組合不同的樣式，進(jìn)行視覺區(qū)分：
二、導(dǎo)航欄的樣式呈現(xiàn)
其實(shí)對(duì)于這方面，沒有固定的答案，但是我們可以從兩個(gè)方面，進(jìn)行考慮。
01.導(dǎo)航欄的位置
我個(gè)人習(xí)慣，把導(dǎo)航欄放在頁面的上、下、左3個(gè)區(qū)域，就像這樣：
之所以放在這里，主要原因是符合大家正常的閱讀習(xí)慣，方便理解頁面的結(jié)構(gòu)關(guān)系。
02.導(dǎo)航欄的設(shè)計(jì)
常見的樣式呢，也可以分為兩種類型，你可以根據(jù)實(shí)際需求，選擇一種即可。
比如我們可以結(jié)合線條進(jìn)行導(dǎo)航欄的設(shè)計(jì)：
與色塊結(jié)合在一起，也是不錯(cuò)的選擇：
導(dǎo)航欄的設(shè)計(jì)，不要過于醒目，因?yàn)轫撁嫔现匾倪€是內(nèi)容本身，所以，起到一定提示作用即可。
比如我之前修改的一份學(xué)術(shù) PPT ，就是典型的導(dǎo)航欄過于醒目：
其實(shí)弱化下來，看起來會(huì)更舒服：
好了，以上就是 PPT 導(dǎo)航欄設(shè)計(jì)的一些方式，操作難度不大，但用途賊廣。
為了便于各位理解，咱們可以通過兩個(gè)實(shí)際的案例，來練習(xí)一下。
三、案例欣賞
這是一個(gè)典型的學(xué)術(shù)課件 PPT ，我從中選出了其中4個(gè)頁面：
從這幾頁內(nèi)容，不難發(fā)現(xiàn)，這里的內(nèi)容結(jié)構(gòu)，還是挺復(fù)雜的：
我們利用前面分享的方法，把不同層級(jí)的內(nèi)容，設(shè)計(jì)出不同的導(dǎo)航形式：
那該如何進(jìn)行使用呢？咱們挑選其中一個(gè)頁面，假如就是它了：
我們把頁面標(biāo)題和導(dǎo)航欄放到對(duì)應(yīng)的位置上，結(jié)構(gòu)上是不是更清晰呢？
最后，把內(nèi)容放到對(duì)應(yīng)的頁面上即可：
這是一份關(guān)于營銷的PPT，內(nèi)容結(jié)構(gòu)也是挺復(fù)雜的：
我在這里，把內(nèi)容結(jié)構(gòu)做了一些梳理，大概是這樣的：
這里的話，我們可以結(jié)合線條，以及顏色的明暗對(duì)比，來設(shè)計(jì)導(dǎo)航欄的形式：
同樣地，跳出其中一頁，來看看效果，比如就是它：
我們可以把內(nèi)容和導(dǎo)航欄，放到對(duì)應(yīng)的位置上：
還不錯(cuò)，對(duì)嗎？
然后，對(duì)頁面內(nèi)容的呈現(xiàn)，做一些視覺上優(yōu)化即可：
這就是對(duì) PPT 設(shè)計(jì)導(dǎo)航欄的一些方法和案例，希望對(duì)你有所幫助。
原標(biāo)題：不會(huì)吧，PPT導(dǎo)航欄制作還能這么簡單？！
]]>
