如何實現PPT到H5的能力遷移？

「如何實現PPT到H5的能力遷移？」

紫薇，這個問題不錯，我們來看看PPT和H5在能力上有什麼共通的地方，再來看怎麼進行能力遷移。

一、版式設計的共通性

H5其實就像一個豎版的幻燈片一樣，這是大家對它的第一感覺。

事實也的確如此，我之前寫過一篇文章《豎版幻燈片設計有什麼訣竅？》（如：圖1），比較系統地介紹了豎版的幻燈片的製作要點，推薦你看看： 豎版幻燈片設計有什麼訣竅？ - 知乎專欄

H5的製作有很大程度上也遵循這樣的原則。

二、操作軟體的延伸性

H5常見的製作都是在幾大H5製作網站完成的，如：

1. MAKA：MAKA官網_免費H5頁面製作工具_微場景_移動營銷_h5論壇 （如：圖2）

   

   2. 易企秀：h5頁面製作工具_微信場景製作_移動營銷_邀請函模板-易企秀官網 （如：圖3）

3. 兔展：兔展|微信H5頁面_微場景製作工具|移動微雜誌_電子邀請函創作平台 （如：圖4）

4. iH5：iH5最專業的H5製作工具（如：圖5）

幻燈片是在PowerPoint和Keynote中完成較多。

然而值得高興的是，這幾類大型H5製作網站在操作上和幻燈片軟體有很大的相通之處，所以操作軟體上問題不大。但這些網站會有一些細微區別，具體要使用過程中才知道。

這裡附一個關於目前主流的三款「去廣告」的規定：

1. MAKA是只能進行按年計費，能解除後端廣告的最低費用為4999/年；

2. 易企秀完全刪除廣告的最低費用為500/個，但是表現效果會偏弱，因為易企秀製作界面沒有圖層的概念；

3. 兔展，99元可以去除廣告。而且編輯界面可以實現效果。

三、軟體作品的轉換性

有沒有將PPT一鍵轉換成H5的方法？

有！

用PPT製作H5時，盡量將PPT的尺寸設置為豎版16cm*26cm（相當於建立一個640*1040的頁面），並設置參考線：上下浮動12.2cm，左右浮動7.2cm——該數據來自於《和阿文一起學H5》，原理請查閱課程。

當H5設計在PPT中製作完成後，導入PP匠（ PP匠 ）或者炫課（ 炫頁網，做自己的微課，中國第一款HTML5微課工具，課程製作 ）客戶端可以生成，各有特點。

網易雲課堂《和阿文一起學H5》課程提到的結論是：

1. PPT已由動畫並想保留，選擇「PP匠」轉換；（如：圖6）

2. PPT沒有動畫並想要酷炫切換效果和評論區，選擇「炫課」轉換。（如：圖7）

l 出處： @Simon_阿文 研究成果 （如：圖8）

這篇文章講述的是簡易版的H5，而涉及到編程和開發的H5會有更多玩法，這些內容不在這篇文章的討論範圍內，但我們普通人只要能好好運用上述的方法，就能應付我們在生活中的大部分場景並讓你在同事中備受矚目了。

祝你工作順利，大放異彩。

P.S.：附上一個我們飯糰學習委員大師製作的企業介紹H5給大家欣賞（如：圖9），歡迎點贊、下方留言探討。

本文由「湯帥」發表，2017年6月24日。