分享

如何实现PPT转成H5?

 shelbypf 2018-04-11


一、版式设计的共通性

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

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

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

请点击此处输入图片描述

二、操作软件的延伸性

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

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

请点击此处输入图片描述

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

请点击此处输入图片描述

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

请点击此处输入图片描述

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

图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匠( http:/// )或者炫课( http://www./ )客户端可以生成,各有特点。

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

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

图6

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

图7

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

图8

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

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

朋友大师制作的企业介绍H5给大家欣赏(如:图9),欢迎点赞、下方留言探讨。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多