header_v0.7.32

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

91天前发布

原创文章 / 多领域 / 教程
汤帅 原创,如需商业用途或转载请与汤帅联系,谢谢配合。

找出共通点,再精准进行能力迁移!

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

 

我们来看看PPT和H5在能力上有什么共通的地方,再来看怎么进行能力迁移。

  

一、版式设计的共通性

 

H5其实就像一个竖版的幻灯片一样,这是大家对它的第一感觉。

事实也的确如此,我之前写过一篇文章《竖版幻灯片设计有什么诀窍?》(如:图1),比较系统地介绍了竖版的幻灯片的制作要点,推荐你看看: https://zhuanlan.zhihu.com/p/25739678

H5的制作有很大程度上也遵循这样的原则。


cf4d594e22a6a8012193a365b34a.jpg

 

二、操作软件的延伸性

 

H5常见的制作都是在几大H5制作网站完成的,如:

  1.      MAKA:http://maka.im/ (如:图2)


    b0ec594e22c4a8012193a3b38ac7.jpg


2.     易企秀:http://www.eqxiu.com/ (如:图3)


ff7d594e22faa8012193a3c8c18b.jpg


3.     兔展:http://www.rabbitpre.com/ (如:图4)


13ec594e2318a8012193a387e9a4.jpg


4.     iH5:http://www.ih5.cn/(如:图5)

 

e1af594e232ea8012193a3d6e489.jpg


幻灯片是在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匠( http://ppj.io/ )或者炫课( http://www.xuanyes.com/ )客户端可以生成,各有特点。

 

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

1.     PPT已由动画并想保留,选择「PP匠」转换;(如:图6)


35d6594e236fa8012193a3f98c96.jpg


2.     PPT没有动画并想要酷炫切换效果和评论区,选择「炫课」转换。(如:图7)


8581594e2391a8012193a3b59d1c.jpg


l  出处: @Simon_阿文 研究成果 (如:图8)

 

0307594e23aca8012193a346542f.jpg

 

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

 

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

 

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


214f594e23cba8012193a3be664b.jpg


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


05b1594e2408a8012193a3d6d263.jpg


6

    文章信息

    意见反馈
    没有新消息
    密码登录
    短信登录
    微信二维码登录

    提示文案

    提示文案

    提示失败
    提示成功