什么是所謂的有層次感的PPT
我在標題里用的是「有層次感的PPT」,這個說法可能對大家來說更容易理解,但是層次感只是一種表現(xiàn)形式而不是一種設(shè)計風格,今天其實要講的是 Material Design。Material Design是谷歌推出的一種設(shè)計風格,它用在了谷歌所有的產(chǎn)品中,像我們最常見到的,安卓手機,它所有的界面設(shè)計、交互設(shè)計都是采用了 Material Design 這個設(shè)計風格。
Material Design 中的 Material 是「材料」的意思,所以 Material Design 會模擬真實世界的元素和交互動作。我們知道,在做PPT的流派里,有一種叫 Flat Design,扁平化設(shè)計,非常的流行。而 Material Design 和 Flat Design 相比較,優(yōu)勢就是層次感更加的強。
紙張
Material Design 的第一個核心概念是紙張,紙張是 Material Design 里面最基礎(chǔ)和最重要的元素。在真實世界里,我們把字寫在紙張上。而上面提到,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ù)設(shè)置,這是最關(guān)鍵的。有三個值基本是不變的,首先顏色是純黑,然后大小是100%,最后角度是90°,90° 就是陰影朝正下方投出的意思。透明度我一般會選擇70%~85%之間,模糊度我一般選擇15磅到20磅,距離從3到15我都試過。數(shù)值不固定,看具體需求。我在這頁PPT上給了一個參數(shù)搭配的例子和效果圖,大家可以參考一下。
層的概念
我們先想象一下,在生活中,如果我們有一疊卡片,是不是有的卡片在上面,有的卡片在底部,而在上面的卡片會擋住底部的卡片。如果大家有使用過 Photoshop ,或者經(jīng)常使用PPT中的“選擇窗格”,那你一定知道更清楚我想講的東西。那么在 Material Design 中同樣存在這樣層的概念,在這里,每一個元件就是一個層,層與層通過陰影來表達它們之間的空間關(guān)系。
大家看一下該圖片,當幾個卡片疊加在一起的時候,通過陰影來表達出層次感,我們可以很清晰的看到標題一這個卡片在最頂部,標題四卡片在最底部。
字體選用
由于 Material Design 是一套完整的設(shè)計方案,所以Google官方給出了推薦的字體。在中文字體上,官方推薦使用 Noto Sans CJK 或者思源黑體,而在西文字體上推薦使用 Roboto。伯健君PPT推薦使用思源黑體。
文字使用標準
標題的行距使用1.15~1.2倍行距,正文使用1.3~1.5倍行距,具體的數(shù)值還是根據(jù)具體情況確定;標題的顏色設(shè)置為無透明的黑色,就是所謂的純黑,而正文的顏色則設(shè)置為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種都很好看,真的,不信你就試一下,不過記得飽和度要對應就是了。