用 PowerPoint 製作高保真原型，有哪些技巧？

12-29

轉一下之前的答案，我自己大概能獨立完成到這樣程度的 PowerPoint 交互稿：

Chinajoy2014_常規方案視頻

如果您覺得這份交互方案製作粗陋、文不對題，請點擊「沒有幫助」，並試著瀏覽其他答案。如果您覺得還有幾分可取之處，那容我介紹幾點粗淺的經驗。

採用軟體：

Photoshop CC + PowerPoint 2013

設計經驗：

我並非設計師，也無相關教育背景，近5年來主要從事運營和市場工作，工作中接觸了一些 Photoshop 和 PowerPoint的粗淺用法。相信專業的設計師一定會完成地更加出色。

設計流程：

第1步：評估製作方式

由於當時新的設計師尚未到崗，製作周期緊張，因此我決定直接完成設計稿，並製作了一份簡單的交互設計稿視頻，供前端工程師製作動態效果時參考。

第2步：明確頁面內容

由於我自身是需求方，所有需求、內容、文案都是我直接敲定的。

第3步：設計平面稿件

我使用 Photoshop CC 直接繪製了視頻中的頁面，除了部分人物、遊戲角色、公司 LOGO 採用了有授權的素材外，其他元素如門票、建築等，都是我直接在 PS 里繪製的。

第4步：構想動態效果

由於我自身是需求方，也是設計者，所以在製作過程中就已經構想好了動態效果，並且能隨時依據情況，在設計稿、文案或動效方案做出平衡，因為壓根沒人能管我。之後，將設計稿的不同部件生成為 PNG 圖片。

第5步：製作動態效果

將生成後的 PNG 圖片導入 PowerPoint 2013 中，添加動畫效果。基本動作都是簡單的淡入淡出、浮入飛入、放大縮小以及路徑動畫，並無花哨之處。之後將 PPT 輸出為視頻即可。

製作時間：

從擬定方案到最終輸出視頻，約1個工作日。

一些經驗：

PowerPoint
的內置動畫基本可以滿足常見 APP 的動態效果需求，甚至 Material UI 這樣稍有些複雜的動畫效果，也可以做到8、9分相似。
利用觸發功能和不同頁面的跳轉，配合一些反饋動畫，可以實現一些實際的交互功能，至少類似於按鈕點按、抽屜按鈕彈出菜單之類的功能是毫無問題的。當然手勢操作難以還原，可以考慮用一些方法，模擬出手勢的感覺。比如我做過這些：
天天那個啥視頻
Chinajoy2014 女神方案視頻
善用平滑開始、平滑結束、彈跳結束以及延遲，可以實現相當不錯的動畫流暢感。比如以下這段視頻（哦，這段視頻的賣點是所有圖像都是用 PowerPoint 內置工具畫的！）：
PPT日記視頻

以上是產品狗的一些淺見，希望對閱讀至此的設計師老爺們有幫助~

請問怎樣生成為視頻？

最近做一個錄音軟體嘗試用ps+ppt的方式，對於快速提案非常有效，善用ppt中的動畫效果給產品增色不小。為ppt點贊！

用過PPT做原型和動畫，個人覺得有用的如下：1.母版，可加快工作效率和提升動畫換場的過渡美感；2.使用2013版本。