怎樣做出優秀的 Material Design 設計風格 PPT 或 Keynote 幻燈片演示文稿？

12-11

類似問題：怎樣做出優秀的扁平化設計風格 PPT 或 Keynote 幻燈片演示文稿？ - 用戶體驗設計

個人認為扁平化設計在大屏幕上的實際效果不如 Material Design 的效果好，希望有大神能教我怎樣做出 Material Design 設計風格的幻燈片演示文稿。

更新一下：
前面有位大大的建議確實不錯：PPT是輔助演講的，不應該過於強調交互性。
但是這位大大可能忽略了：
在絕大多數企業裡面，PPT的製作和具體的宣講，往往是由不同人完成的。
所以很多時候PPT就變成了提詞機——多文字、富內容、強格式是常態——畢竟不是所有PPT都是用來在金色大廳里進行產品發布的。
在這裡我特指的是辦公類PPT/Keynote，（如果你是在校學生，可以去掉很多不必要的元素）

絕大多領導對於PPT，都會有如下的毒瘤要求：

『主要內容』是必須要有的——而且你必須加上1、2、3

大的Title欄是肯定要有的——甚至說Title欄上還必須要有公司logo

每個章節的切換必須要有專頁大標題來體現的——哪怕他在實際報告中會直接跳過

每個大章節下還會有無數個小章節——而且會要求你挨個標註。

我相信，在這樣的前提之下：絕大多數辦公類PPT的結構都是這樣的：

對於這類「PPT」，我的建議是：

雖然PPT本身不存在「交互性」，但是你可以將PPT的展示過程變成一個「特定的交互流程」。打個比方，假設有1、2、3點的分支，雖然是依次翻頁，但是你可以增加「點擊1」「點擊2」「點擊3」的交互效果。
用顏色和FAB動畫來做章節區分，盡量規避『專頁大標題』這種東西。
利用FAB的特性，標註數字也好，標註圖片也罷，總之要不斷強調當前的章節位置。
第一級Title，用頂部Banner的方式呈現，用顏色區分每個第一級Title——這樣至少能省下一套『一、二、三』『1、2、3、』『a、b、c』，儘可能的避免圓環套圓環，標題套標題的結局。

比如搞成這樣（為了演示，部分頁面的動效會比較集中，實際操作請一定要避免）：

Material Design PPT視頻
這是用keynote做的
="=你們找我要PPT的源文件我真的給不了啊
PPT應該也能做，不過效率肯定會慢很多（吧？）
--更新了一個設計建議--
[PPT教程] Material Design風格PPT的設計建議

------------------------------------------------------------
原始回答如下：
剛好，本部門的年終總結是按這個路數做的，當然……針對部門領導對PPT的「特別偏好」進行了遷就。

相對於iOS風格，光靠布局、配圖、文字來靜態體現Material Design特點確實比較難——好歹iOS還有一個毛玻璃效果可以拿來當註腳用。
其次，在演示情況下，投影儀很難準確顯示出「陰影層級」，這就又抹殺了一項Material Design的標識化特性
更重要的是，在實際應用中必須要考慮到PPT具體使用環境，像前面大大說的高明度高對比高飽和的配色，用在總結報告這種環境下確實不大得體，而且就算你這麼用了，也肯定過不了領導這關，囧。至於那些什麼光有「Key Word」還配英文的設計，雖然更「設計」，但是肯定會直接被槍斃在廁所。

以下只是截取了其中幾頁，大概演示一下（動效時間有拉長）
視頻封面 Material Design年終總結視頻

在新版網頁上編輯後整個答案都亂碼了，鑒於沒有時間重修，只將最精華的部分放出，請見諒。

首先，想要了解與使用 Material Design （以下簡稱 MD ），那就必須閱讀 Google Design 發布的設計規範。

官方英文：Material design guidelines
簡體中文（由 Max Cheung 翻譯，十分完備）：Material Design 中文指南

其次，安利正在測試的工具包—— Material Design Kit ！（0.5）

下載鏈接：https://pan.baidu.com/s/1eRGSD5g

（我不保證兼容性！反正 Office 2016 完美就對了。）

Kit 包含色表、模板、布局、圖標與字體資源，這些內容將有助你理解 MD 在 PPT 中的運作、布局與感受。目前仍在完善，如果有任何改進的點子請聯繫我。另外懇請各位知友能給出一些希望 MD 化的 PPT 方便我進行實踐以完善本答案。

如需動畫，老版本的下載鏈接：https://pan.baidu.com/s/1hr4QEBq

參考 Material Design Guideline，重點看 Layout，Color，和 Animation

記住你的目的是演示（Presentation），Material Design 只是一種手段，切勿強行把 Material Design 在 App 里的所有東西搬上來，要提煉裡面對 PPT 有利的部分。

配色可以參考，動畫可以借鑒，但沒有必要強行全套在平板上的 Layout。因為你的 Slides 的內容是固定的（假如你定下了內容），而 App 在設計的時候往往要考慮到載入內容的需要，像 Drawer 這類導航的設計有時並不是很適合 PPT，不過 Tabs 倒是可以作為一個演示流程的指示，正如下面這個例子里所展示的。

多圖預警。

以上的模板可以在：Material PowerPoint Presentation Template by ercn1903 購買。

利益相關：無。

Material Design 款的PPT

PowerPoint做的

正好趕上自己要做這麼一個課設的ppt，首頁參考了一下頂樓的答案
就是用一些最基本的動畫屬性，比如淡出放大縮小飛入之類的，很簡單，但是需要耐心
還需要動腦筋，想想基本動畫之間怎麼組合之類的。
for example 快速的路徑+快速的淡出（0.3秒左右）等等

雖然 Material Design 更主要是專註於 ?交互?, 但是作為一個立足於 ?紙? 與 ?墨? 的設計規範, Material Design 對於提升視覺傳達的表現力還是有所幫助的.

Color 可以幫助你選擇合適的配色
Icons 適當地加入圖標可以活躍布局
Imagery 合理的利用圖片可以使展示效果大幅提升
Typography 一般情況下文字都是演示的中心, 精良的排版與用字能夠強化展示效果
Metrics keylines 設置恰當的基線能夠極大地改善排版

甚至, 你也可以參照 Authentic motion 在 Keynote 里利用其強大的動畫功能做出 Material Design 效果的的動畫.

(前方高能, 現在關掉還來得及!)

注意顏色（Material Design 色彩風格）和字體的運用，思源黑體來一發。
陰影別亂用，注意 Material 設計的紙張感
不要過度卡片化，該怎麼樣怎麼樣

參考圖片出自 Chris Banes - Google+

蟹妖。
我覺得 Keynote 的目的是傳達內容與輔助演講，但是Material Design的更多的是說動效和交互邏輯，Material Design的設計為什麼要用在 Keynote 上呢，這個目的很奇怪。

Material Design已經不僅僅是一種設計風格，更多的是設計思維，交互思維。

來張自己剛做的簡歷吧，採用了卡片的設計，再換上幾種活潑的配色，每頁保持三種顏色，就大功告成啦，視頻: http://v.youku.com/v_show/id_XOTEwNjEyNjA0.html

我來嘗試簡單回答一下，臨時做了一份小案例，希望對題主有幫助。（多圖預警）

附帶國外牛人用keynote製作的Material Design交互視頻，有興趣的可以看看。
視頻封面 !國外keynote狂人用keynote做手機界面動畫-Keynote does Material Design（銳普論壇）—在線播放—優酷網，視頻高清在線觀看視頻

目前就想到這些內容可能對製作PPT有些幫助，其他等想到了再補充，希望對題主有所幫助，有不足的地方也歡迎指出，大家一起探討：）

MD風格能影響到PPT或者KN的基本上就字體、用色和動效了吧，弱交互的載體勢必體現不了MD的精髓。
我覺得幾個地方可以來一發：1思源/roboto 2.高明度色和對比色 3.動效曲線

排名前幾的幾個答案，引以為鑒；排名中間和後邊的，引以為戒比較好。

給個簡易教程，目標是簡單好用

Material Design有很多限制，其中有些準則在中文條件下和ppt條件下都不太好使。
其中的字體規範來說，漢字的密度是遠大於英文的，所以通常比較難以處理，建議空格處理。

環境：ms office 365 2016，2013應該也行。

色調以及背景

通常來說淺色即可。
設計-設計背景格式-顏色-其他顏色
顏色模式用hsl比較好。

通常來說調整亮度和飽和度就可以了。
為了保險可以用office給的色板，稍微調整一下就可以用。
也可以用灰階這種低飽和度的，比較保險一些。

形狀

插入-形狀-圓角矩形

很難看，改：
1 右側邊欄-線條-無線條
2 看到圓角矩形左上角的調整角大小的那個點，調整到很小
3 右側形狀格式-填充上面有個五邊形，點擊然後設置陰影和發光

陰影參數透明度一般70%，距離和模糊通常相等，角度90。
還有個發光，顏色要選成黑色，大小大概10，透明度97-99%。形狀除了圓角矩形，還有個圓形，處理方式一樣的，不再贅述。

動畫

只用平移（直線）和縮放就好，縮放的時間通常為0.25。
其他materail design的動畫實現起來比較複雜，沒有必要硬來，時間成本太高。

字體

等線light還是可以用的，只適合用無襯線的字體。
記得嵌入字體到ppt中：文件-選項-保存-嵌入字體到ppt中。
需不需要全部嵌入看自己需要了。

差不多就是這個樣子，裡面所有的形狀其實都是圓角矩形，複製一下調整大小和底色的。
設計本身的功底需要更多的學習。
自己做得配色和排版也是比較糟糕的，不過總比

這樣要好些。這樣給個10page的ppt，2小時夠做完的。

常見的錯誤

配色排版就不說了，百度一下就能找到很多配色和排版。
基本上沒有一個回答能夠嚴格按照設計規範的，當然我的也不例外——至少對於陰影的大小這個設計我沒嚴格的來按照設計規範來寫——那是一種「深度」信息的隱喻。
不要用你掌握以外的素材，除非只是做著練習。

1 形狀
那個圓形按鈕，是極其扎眼的存在。設計guideline說了不要搞很多那玩意兒，所以每個page都搞一個圓形按鈕不太合適。
尤其是用來做頁碼，更是違反規範——你要強調的內容是頁碼？
第一頁用個按鈕作為開始我認為還屬於恰當，因為對於封面來說需要強調進入。但是正文段強調的不應該是正文么？

2 動畫
動畫效果不是你隨意就能用的。
官方給出了幾種動畫，但是ppt中方便實現的只有平移和「縮放進入」「縮放退出」這三種效果。
如果有多條的情況下，不應同時出現或者消失

3 內容
一個圓角矩形上的文字，應該是出來就有的。如果這要發生改變，應該是有個很複雜的動畫特效的，如下圖，是模擬點擊時的響應。

是一個圓形從小到大的擴大然後中間是變化後的內容的展開。
所以不要輕易玩傳統的淡入淡出，也就是那位畢業設計的同學出現的問題。

4 圖片
圖片分為需要處理邊框和不需要邊框的圖。
需要處理邊框的圖，例如你的照片，它就是一整張圖，一個矩形，要處理邊界
你家的相框，就是對邊界的一種處理方式！
不需要處理邊框的，就是那種透明的圖

像這個圖，屬於只有下邊框需要處理的類型，如果背景是白色的話。
當然如果你把其中的內容摳出來，放在其他顏色下也可以是無邊框的圖。

那麼應該怎麼處理邊框？
套個框當邊框
可以見答主看山不是山的回答中圖片的處理。
或者 以ppt真實邊框為邊框。
例如靈夢那圖可以上下抵住ppt的邊界，左右留多少都是可以的。
或者以其他圖為邊框，
或者以圖片的分割布局的線為邊框
例如你的第一頁可以上半頁是圖，下半頁是文字。這倒不如說以圖片邊界為構圖的輔助。

5 字體配重

用細一點的字體，除非本界面有細一點的字體了。
什麼時候可以用等線？建議圖中正文用等線light的時候，標題可以考慮用等線。不然還是推薦標題用等線light

這也是material design中文用途的時候最大的問題——一個很長的標題就是個非常難以處理的事情。
漢字信息量大，字也重，如果照搬的話效果往往不是很好，特別是圖片中加漢字更容易出問題。這個部分，稍微用的保守一點也好。

最近做了一個引用了少許MD味道的(雖說大多數時間在畫圖)

我想Material最基本的元素是
有Z軸區分不同『高度』和形狀材質脫身於實際材質但精簡掉紋理，僅保留了讓人覺得再多點什麼就是實物感受的信息

然後加上思源黑體、Roboto字體和Material Design主頁給出的相當bold，高飽和度的調色板，多少就有些味道了。

可以參考Google幻燈片上的質感主題
然而不太好看…

為了演講簡單做的。主要是統一陰影、字體以及動畫。

其實Google IO slide就不錯，這是2011年的老物了。

https://drive.google.com/file/d/0B4UNcn938EO_cDBrclNBbVlHWHc/view

畢業答辯ppt material design—在線播放—優酷網，視頻高清在線觀看視頻畢業答辯ppt。
首先聲明，裡邊的卡片，按鈕，都來自谷歌material design宣傳ppt！我是直接複製過來的！這部分毫無版權可言！
第一次做ppt，也是硬著頭皮做的，powerpoint這個軟體比Word簡單不少。Word真是把我折磨的不輕。
我不是程序員不是設計師，對material design理解非常有限，請大家理解。實在不想做成下圖這種，令人想起父母老師領導尊尊教誨的風格~

尋找字體