ppt加载html5,当PPT遇见H5，这才是真爱！

原标题：当PPT遇见H5，这才是真爱！

分享作者 |孙宁

来源|hao_PPT

H5是什么？

H5是HTML5的简称

相较于传统的文图排版，具有动效流畅、排版美观、易于传播等特点，另外根据文字内容还可以加入背景音乐烘托气氛，阅读体验更加友好。

▽

H5做起来难吗？

H5页面制作起来并不复杂

许多网站(如MAKA、易企秀等)提供了在线工具和丰富的模板，即使没有任何设计功底的小白，也可以通过拖放拉拽等操作，完成一个不错的H5作品。

▽

在线工具是否完美？

在线工具也有不足

字体种类是一个软肋。在线工具中可供选择的字体较少。另外，在线操作也会有一些延迟，仍然比不上客户端工具那样流畅。

▽

PPT是强大的演示和设计工具

如果将PPT与H5进行联合...

除了传统的4:3和16:9两种比例格式外，PPT还允许用户自定义画布的长宽尺寸。如果将PPT与H5进行联合，制作H5效率将会大大提高。

▽

以下以Maka.im为例，介绍一下操作步骤。

首先在Maka网站简单注册一下，然后新建空白项目

以下以Maka.im为例，介绍一下操作步骤。

首先在Maka网站简单注册一下，然后新建空白项目

注意此处可以更换背景，比例为640*1008

按照此比例，在PPT中自定义画布尺寸

宽高设置为17cm*27cm，版式设为“空白”

下面就可以在PPT中完成排版设计，

并愉快的使用特定的字体。

在PPT中插入图片并缩放

对图片进行裁剪，符合页面大小

剪切图片

右击页面选择“设置背景格式”

填充设为“图片或纹理填充”，“插入图片来自剪贴板”

此时图片已作为背景图片

输入文字，并设置字体

以此类推，在PPT中完成其他页面制作

如果不想加入动效，只需导出图片

选择导出“所有幻灯片”

上传到Maka即可

如果想进一步添加动效，请继续往下看

▽

右击页面选择“保存背景”，这样文字不会被保存

右击文字部分，选择“另存为图片”

存为背景透明的PNG格式

将文字导入maka(选择添加图片)

对文字(此时是图片格式)添加动效

▽

《心的方向》

一点建议

用户在浏览H5页面时，每页停留的时间很短，所以要严格控制页面中的信息量，文字不要太多。

H5页面底部会有一个提醒用户上划的图标，构图时要尽量避开，以免遮挡。

责任编辑：