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

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

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

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

紙張

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

卡片

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

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

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

陰影

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

層的概念

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

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

字體選用

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

文字使用標準

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

圖標

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

顏色

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

如何制作一張卡片

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

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

案例制作

當我們學會制作一張卡片以后，其實 Material Design 風格的PPT我們已經(jīng)學會了。我們來看一個簡單的案例，那么現(xiàn)在我就來帶大家分解這一頁PPT，把它的制作過程完整的呈現(xiàn)出來。

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

大家不妨也回去動手實踐一下。

本文作者：【伯健君PPT】