如何制作一份有層次感的PPT

什么是所謂的有層次感的PPT

我在標(biāo)題里用的是「有層次感的PPT」，這個(gè)說法可能對大家來說更容易理解，但是層次感只是一種表現(xiàn)形式而不是一種設(shè)計(jì)風(fēng)格，今天其實(shí)要講的是 Material Design。
Material Design是谷歌推出的一種設(shè)計(jì)風(fēng)格，它用在了谷歌所有的產(chǎn)品中，像我們最常見到的，安卓手機(jī)，它所有的界面設(shè)計(jì)、交互設(shè)計(jì)都是采用了 Material Design 這個(gè)設(shè)計(jì)風(fēng)格。

Material Design 中的 Material 是「材料」的意思，所以 Material Design 會(huì)模擬真實(shí)世界的元素和交互動(dòng)作。
我們知道，在做PPT的流派里，有一種叫 Flat Design，扁平化設(shè)計(jì)，非常的流行。而 Material Design 和 Flat Design 相比較，優(yōu)勢就是層次感更加的強(qiáng)。

紙張

Material Design 的第一個(gè)核心概念是紙張，紙張是 Material Design 里面最基礎(chǔ)和最重要的元素。
在真實(shí)世界里，我們把字寫在紙張上。而上面提到，Material Design 會(huì)模擬真實(shí)世界的元素和交互動(dòng)作，同樣的，我們在PPT中把字寫在紙張上，所以紙張是 Material Design 中的內(nèi)容承載器，我們會(huì)在后面的PPT中頻繁的看到紙張。
因?yàn)樵赑PT中紙張起到了承載信息的作用，所以紙張一般都是填充純色的，而且以白色居多。

卡片

Material Design 的第二個(gè)核心概念是卡片。在生活中，卡片用紙張來制作，所以卡片在本質(zhì)上是一張紙張。
我們把所有內(nèi)容都書寫在卡片之上使用，包括圖片和文字，然后我們制作不同的卡片，用卡片來分割不同的文意。
那么具體怎么在卡片上進(jìn)行排版，正確的使用卡片呢，我們來看三個(gè)例子。

第一個(gè)例子是純粹的文字，包含標(biāo)題和正文，我們使用大小、粗細(xì)、和間距的不同來區(qū)分標(biāo)題和正文。在純粹的文字排版上，記得在卡片的內(nèi)邊沿四周留出一定的白，千萬不要把文字貼著卡片的邊沿。

第二個(gè)例子，純粹的圖片卡片。
第三個(gè)例子，如果我們需要在圖片卡片上做文字的標(biāo)注，那就用一個(gè)白色遮罩，再在遮罩上面寫字。

陰影

Material Design 的第三個(gè)核心概念是陰影?？梢赃@樣講，沒有陰影就沒有 Material Design 。前面提過， Material Design 在PPT中的應(yīng)用的優(yōu)勢是能夠突出空間感、層次感，而這種空間感和層次感就是通過應(yīng)用陰影來達(dá)到的。
講講陰影的參數(shù)設(shè)置，這是最關(guān)鍵的。有三個(gè)值基本是不變的，首先顏色是純黑，然后大小是100%，最后角度是90°，90° 就是陰影朝正下方投出的意思。透明度我一般會(huì)選擇70%~85%之間，模糊度我一般選擇15磅到20磅，距離從3到15我都試過。數(shù)值不固定，看具體需求。
我在這頁P(yáng)PT上給了一個(gè)參數(shù)搭配的例子和效果圖，大家可以參考一下。

層的概念

我們先想象一下，在生活中，如果我們有一疊卡片，是不是有的卡片在上面，有的卡片在底部，而在上面的卡片會(huì)擋住底部的卡片。
如果大家有使用過 Photoshop ，或者經(jīng)常使用PPT中的“選擇窗格”，那你一定知道更清楚我想講的東西。那么在 Material Design 中同樣存在這樣層的概念，在這里，每一個(gè)元件就是一個(gè)層，層與層通過陰影來表達(dá)它們之間的空間關(guān)系。

大家看一下該圖片，當(dāng)幾個(gè)卡片疊加在一起的時(shí)候，通過陰影來表達(dá)出層次感，我們可以很清晰的看到標(biāo)題一這個(gè)卡片在最頂部，標(biāo)題四卡片在最底部。

字體選用

由于 Material Design 是一套完整的設(shè)計(jì)方案，所以Google官方給出了推薦的字體。在中文字體上，官方推薦使用 Noto Sans CJK 或者思源黑體，而在西文字體上推薦使用 Roboto。伯健君PPT推薦使用思源黑體。

文字使用標(biāo)準(zhǔn)

標(biāo)題的行距使用1.15~1.2倍行距，正文使用1.3~1.5倍行距，具體的數(shù)值還是根據(jù)具體情況確定；
標(biāo)題的顏色設(shè)置為無透明的黑色，就是所謂的純黑，而正文的顏色則設(shè)置為15%~25%的透明度。怎么選擇帶有透明度的黑色？選擇文本后點(diǎn)擊工具欄的更改字體顏色，然后選擇“黑色 淡色25%”。
另外一款字體會(huì)有多個(gè)字重，例如思源黑體就有 Heavy、Bold、Medium、Regular、Light等7款字重的字體，大家可以根據(jù)應(yīng)用場景選擇不同的字重，例如我在標(biāo)題上使用了 Bold，在正文上使用了 Regular，在備注上使用了Light。

圖標(biāo)

一份好的PPT里或多或少都會(huì)用得到圖標(biāo)，而在 Material Design 中對圖標(biāo)的使用也有嚴(yán)格的規(guī)定。
為了簡單、直接的傳達(dá)信息， Material Design 規(guī)定使用扁平化的圖標(biāo)，禁止使用擬物化的圖標(biāo)。
同樣的，網(wǎng)上有Google 官方的圖標(biāo)套件，可以使用官方的圖標(biāo)套件也可以使用其他的，只要是扁平化的即可。還需要注意的是，在一個(gè)PPT請使用一整套圖標(biāo)中的原件，以保證風(fēng)格統(tǒng)一。

顏色

接下來講顏色，那么 Material Design 是有官方的專用色板，所以如果你想打造一份正宗的 Material Design PPT，請?jiān)诠俜缴逯腥∩?br /> 在色板中，每種顏色都有不同的飽和度，也就是我們平常所說的顏色的深淺。根據(jù)官方的調(diào)色規(guī)范，我們使用500飽和度的做主色，700飽和度的做輔色，300飽和度的用來當(dāng)顯示信息的背景。
而一份PPT中應(yīng)該用幾種顏色呢？某位PPT達(dá)人建議不超過4種顏色，我建議選用2~3種顏色，畢竟顏色太多的話就很難駕馭，而且容易變得很low。
像我這份PPT，基本只用了500飽和度的藍(lán)色和500飽和度的粉色。
如果你要從中挑取3種顏色，挑哪3種呢？其實(shí)你隨便挑3種都很好看，真的，不信你就試一下，不過記得飽和度要對應(yīng)就是了。

如何制作一張卡片

首先插入形狀，選擇圓角矩形，然后選中圓角矩形，右鍵打開設(shè)置形狀格式，接著用純色填充，一般都是用白色填充，然后線條選擇“無”。
第三步呢就是設(shè)置陰影啦，陰影怎么設(shè)置參數(shù)我也在課件中給出了參考的數(shù)值，如果你確實(shí)不懂得如何搭配參數(shù)，你直接使用我的參數(shù)也可以。

第四步，調(diào)整卡片的圓角大小和整體大小。

案例制作

當(dāng)我們學(xué)會(huì)制作一張卡片以后，其實(shí) Material Design 風(fēng)格的PPT我們已經(jīng)學(xué)會(huì)了。我們來看一個(gè)簡單的案例，那么現(xiàn)在我就來帶大家分解這一頁P(yáng)PT，把它的制作過程完整的呈現(xiàn)出來。

因?yàn)?Material Design 講究層次感，所以我們首先要把層次區(qū)分出來。放在最底部的是圖片，通過觀察，那么圖片其實(shí)只用了一種效果，就是陰影。參數(shù)我是這樣設(shè)置的，顏色純黑，透明度 80%，模糊 20磅，這都沒什么好說，但我在“大小”這里使用了“103%”的數(shù)值，當(dāng)我們調(diào)整“大小”這里的數(shù)值，陰影會(huì)朝著四周去擴(kuò)散。所以這時(shí)候“角度”這個(gè)參數(shù)就不起作用了。
然后倒數(shù)第二層是一個(gè)卡片，效果也只是用了陰影，參數(shù)也不講了，前面講過兩次了。最后頂層的是文本內(nèi)容，在這里我們只需要把文本，按照設(shè)計(jì)的四大基本原則排列好就可以了。
到這里，這一頁P(yáng)PT我們已經(jīng)做出來了。我們應(yīng)用到的知識點(diǎn)是：卡片、陰影、和排版的基本原則。

大家不妨也回去動(dòng)手實(shí)踐一下。

本文作者：【伯健君PPT】