如何实现PPT到H5的能力迁移？

「如何实现PPT到H5的能力迁移？」

紫薇，这个问题不错，我们来看看PPT和H5在能力上有什么共通的地方，再来看怎么进行能力迁移。

一、版式设计的共通性

H5其实就像一个竖版的幻灯片一样，这是大家对它的第一感觉。
事实也的确如此，我之前写过一篇文章《竖版幻灯片设计有什么诀窍？》（如：图1），比较系统地介绍了竖版的幻灯片的制作要点，推荐你看看： https://zhuanlan.zhihu.com/p/25739678
H5的制作有很大程度上也遵循这样的原则。

图1.jpg

二、操作软件的延伸性

H5常见的制作都是在几大H5制作网站完成的，如：
MAKA：http://maka.im/ （如：图2）

b图2.jpg

2. 易企秀：[http://www.eqxiu.com/](http://www.eqxiu.com/) （如：图3）
   

图3.jpg

3. 兔展：[http://www.rabbitpre.com/](http://www.rabbitpre.com/) （如：图4）
   

图4.jpg

4. iH5：[http://www.ih5.cn/](http://www.ih5.cn/)（如：图5）
   

图5.jpg

幻灯片是在PowerPoint和Keynote中完成较多。
然而值得高兴的是，这几类大型H5制作网站在操作上和幻灯片软件有很大的相通之处，所以操作软件上问题不大。但这些网站会有一些细微区别，具体要使用过程中才知道。

这里附一个关于目前主流的三款「去广告」的规定：

1. MAKA是只能进行按年计费，能解除后端广告的最低费用为4999/年；
2. 易企秀完全删除广告的最低费用为500/个，但是表现效果会偏弱，因为易企秀制作界面没有图层的概念；
3. 兔展，99元可以去除广告。而且编辑界面可以实现效果。

三、软件作品的转换性

有没有将PPT一键转换成H5的方法？
有！

用PPT制作H5时，尽量将PPT的尺寸设置为竖版16cm26cm（相当于建立一个6401040的页面），并设置参考线：上下浮动12.2cm，左右浮动7.2cm——该数据来自于《和阿文一起学H5》，原理请查阅课程。
当H5设计在PPT中制作完成后，导入PP匠（ http://ppj.io/ ）或者炫课（ http://www.xuanyes.com/ ）客户端可以生成，各有特点。

网易云课堂《和阿文一起学H5》课程提到的结论是：

1. PPT已由动画并想保留，选择「PP匠」转换；（如：图6）
   

图6.jpg

2. PPT没有动画并想要酷炫切换效果和评论区，选择「炫课」转换。（如：图7）
   

图7.jpg

l 出处： @Simon_阿文 研究成果 （如：图8）

图8.jpg

这篇文章讲述的是简易版的H5，而涉及到编程和开发的H5会有更多玩法，这些内容不在这篇文章的讨论范围内，但我们普通人只要能好好运用上述的方法，就能应付我们在生活中的大部分场景并让你在同事中备受瞩目了。

祝你工作顺利，大放异彩。

P.S.：附上一个我们饭团学习委员大师制作的企业介绍H5给大家欣赏（如：图9），欢迎点赞、下方留言探讨。

图9.jpg

本文由“汤帅”发表，2017年6月24日。