您现在的位置: 破洛洛 >> 建站学院 >> 建站指南 >> 建站经验 >> 正文

刷爆朋友圈的H5,如何用PPT轻松搞定?

作者:佚名 来源:chinaz 更新时间:2016-5-7
分享到

QQ截图20160506095625

相信打开这篇文章的朋友,或多或少都对 H5页面有一定了解,即便你不知道它为什么叫 H5,但你也一定在朋友圈看到过类似这样的玩意儿。

或者看看这个:

当然,还有比这个炫酷一百倍的 H5案例,在这里先不放了,免得让大家觉得做这玩意儿挺费劲,而且呢,一般来说,那些复杂的案例,大多是专业团队来协力完成,一己之力,很难完成,所以,咱们就聊点简单的。

如何做一个简单的,能上下自由滑动的 H5页面呢?

其实做这玩意儿,道理跟 PPT 制作有相通之处,需要有内容、素材、页面、交互(动画)效果以及支撑以上元素的软件(或者网站)。

关于内容和素材,主要看你要做的 H5 是干嘛用的,具有特殊性,在这里,先不多说,主要说说页面、动画以及相关平台这3个方面。

1、页面。

我们知道, H5页面一般是在手机上浏览的,而 PPT 则在电脑上浏览的多一点,所以,页面就肯定会发生相应变化。

我查阅了很多资料,手机页面一般支持640px * 1080px,不懂这是什么意思也没关系,我在这里想说的是,如果你想用 PPT 来做 H5页面,那么,就按照下面的这个厘米数来设置页面:

1

也就是说,你要从制作 PPT 时横屏的习惯,改为竖屏:

2

咋一看很简单,不就是从横着做东西,转变为竖着做东西吗?

虽然这是一个很简单的转变,但真的没有你想象中的容易,我见过很多做画册的设计师,因为习惯了一种设计方式,当让他改为做海报时,短时间就很难适应过来。

在这里提醒一下。

2、动画与平台。

之所以把这两部分合在一起来说,是因为不同的平台,有不同的动画效果,如果你想做的简单一点,那推荐你使用以下两个平台:

MAKA,这名字起的挺魔性,网址是:http://www.maka.im

3

易企秀,这个平台比较容易上手,网址是:http://eqxiu.com/home

4

给大家看一下他们后台的操作界面,拿 MAKA 为例,基本上跟 PPT 一样,选中元素,添加动画,或链接。

5

可以使用的动画效果有:

6

看起来非常的直观,简单。

当然,如果你想做复杂的动画,你可以去这个平台, ih5.cn。

看看这后台的操作界面,就能感受到复杂程度:

7

不过,复杂的好处是能做出更酷的效果,而这,正是上面两个简单平台做不了的。

好了,以上就是关于 H5 制作前,需要了解的基本常识,接下来,咱们就动手,做一个完整的 H5。

考虑到我使用 PPT 比较顺手,就拿它给大家做演示。

1、首先呢,先建一个页面,不知道怎么修改页面尺寸的可以看我之前写的这篇文章:如何制作一份高清版的幻灯片?

8

转载请注明:破洛洛(谢谢合作)
网友评论: