教你4趴做出Material Design風格PPT

 

科普：Material Design，中文名：質(zhì)感設計，是由Google推出了全新的設計語言，谷歌表示，這種設計語言旨在為手機、平板電腦、臺式機和“其他平臺”提供更一致、更廣泛的“外觀和感覺”。
Material Design風格，在演示設計中運用得當，能得到極佳的效果。下面來看看，如何通過4趴做出Material Design風格PPT。

1.字體

Noto Sans CJK (Source Han Sans SC / CN) + Roboto (2015年新設計的)

• 文字左對齊，正文 1.5 倍行距，顏色是透明度為20%的黑色
• 標題 1.15 ~ 1.2 倍行距，顏色是不透明黑色，并且字越大字重應該越小（這次 iOS 10 里的 Apple Music 標題那么大，卻用那么粗的字，真的看上去很不習慣）

 

 

P.S. PostScript Outlined OTF的字體在Win上轉(zhuǎn)成TrueType Outlined OTF 比較好，您要是需要的話我可以私信給您一個自己粗制濫造的版本。 +_+

2.配色（不需要全用上，選四種綽綽有余）

copy到PPT里用取色器去取就好了，顏色隨便搭就行。

（這種玩意我喜歡做進模板里，用的時候用取色器去?。?/p>

3.小卡片（重要）

（1）插入一個圓角矩形

圓角小一點，90° 向下的很淺的陰影

（2）一個圓角矩形

半透明黑色加柔化邊緣就是底下一層的陰影（弄大一點是因為柔化邊緣導致變小好多）

（3）兩者組合

組合在一起，就得到了有立體感的卡片。

小卡片上想放什么就放什么，但注意卡片上的元素不要有陰影。

我做了一些很一般的范例，你們做的肯定會比這些強很多。

4.動畫

（做的很簡陋，僅供最基本的參考，大家可以試一試用其他方法實現(xiàn)更好的效果）

// 視頻慘不忍睹，但實際效果還可以的，真的

這是首頁（主要看動畫）B站：Material Design 的 PPT 嘗試（封面）

1. 把背景弄成黑色

2.畫圓并賦予動畫

插入一個覆蓋整個頁面的圓，然后圓的動畫有：

• 基本縮放 0.25 秒
• 淡出 0.5 秒

大概是這樣。。。

 

3.插入一個卡片

然后卡片的動畫有：

• 基本縮放 0.25 秒
• 淡出 0.5 秒
• 上面的字淡出 0.25 秒（設置為同時，延遲 0.25 秒）

（1）將做好的一頁PPT切換方式設置成“顯示”

（2）卡片的動畫是“飛入”0.35秒（但是也可以加“縮放”和“淡出”）

“飛入”的動畫要注意進“動畫窗格”里右鍵點按“效果選項”，把平滑結(jié)束拖到最大

（3）圖片的動畫和之前的很相似：淡出、基本縮放、飛入（都同時）

暫時結(jié)束

本文來自知乎網(wǎng)：陳宇風

你有可能需要的文件 百度云： PPT和字體