如何用ppt思维,做一个手机h5动效页面

怀特滴旅行

30天以前 1浏览
如何用ppt思维,做一个手机h5动效页面

HTML5页面制作工具,大体分为两类:基于HTML5的网站工具和手机APP工具(当然还有一些其他的,例如基于微信公众号的等,下面也会介绍)。

先总的说一下个人感受

1.基于HTML5的工具网站:功能较强大,单页面的操作性较强,可完成各种页面交互效果;但是某些时候会有操作“失灵”的现象,如上传图片失败,点击保存失败,生成失败等。原因你懂得~

2.手机工具APP:相比起工具网站来讲,显得比较顺手,有大量模板套用,制作简单快捷;但是拘泥于现有的模板,使得单页面不会有较大的可操作空间,从而无法实现DIY交互效果。

下面展开说下每个使用过的工具吧

基于HTML5的工具网站:

【兔展】

优点:页面DIY程度较高,动效实现起来也简易方便,可制作比较任性的H5页面。

缺点:屏幕界面大小不可调节,上传的图会比例失调;生成后到各尺寸屏上页面会存在拉伸现象。

(此图意在说明上传的图片的尺寸都是网站自己默认的一个尺寸,不是图片本身的尺寸,不利于使用者调整)

【MAKA.im】可以具体编辑,单页操作性较高,有新手(有模板)和高阶(无模板)两种编辑模式;翻页效果比兔展多,模板也更强大一些。

【居高互动刊】

优点:最简单易上手的工具之一,根据提示一步一步的添加,共4步,最后生成微杂志。相比其他在线工具,较稳定。

缺点:目前没试通制作单页上的交互效果,没找到开启pro功能的入口。

【ANIMATRON】

优点:像flash的在线版,功能强大,可以创建HTML5动画。适合有动画基础的人做演示制作。

缺点:需要动画制作基础;工作界面响应时间长;貌似只能分享到twitter、Facebook、google+、tumblr

【iSpring7】

噱头是PPT转HTML5工具,完美与PPT兼容,可制作Html5移动课件。

不过,目前我只能连着VPN再用Safari才能打开网站链接。

【秀制作】

优点:版式轻松,制作快捷,宽带稳定。

缺点:对图片和文字在各种屏幕上的显示没有做很好的适配;不能对模板中文字的编辑调整位置。

手机工具APP:

【初页】

优点:模板质量高,套用模板编辑时效率高,操作简单快捷,效果和体验在制作H5页面的APP工具里面算是出类拔萃。

缺点:单页面可操作性较低,仅支持套用模板。

【快邀约】快速制作邀请函

优点:易上手,省时高效,便于统计。

缺点:页面简陋,只能选择固有模板创建文字和添加图片。

【易企秀】中小微企业的移动场景营销管家

优点:套用模板,创建快捷,用来做企业介绍、产品推荐。拥有强大的推广统计、客户管理功能。嗯,这里应该赞一个。

缺点:只能用模板,DIY程度低;统计数据是否准确需要进一步确认,目前看来可能有遗漏数据的现象(在小范围测试中,统计到的数量小于应有的数量)。

【微贴】:通过微信公众号创建H5页面

优点:手机公众号内直接创建简单页面,根据提示创建即可,无脑方便快捷。

总结

工具网站做的H5页面,多注重单独页面的自定义交互方案,DIY程度高,相对来说用时较长,又受制于带宽因素,故影响操作;

工具APP做的H5页面,多注重效率,目前都是套用模板,因而对单页面的DIY程度较低,交互效果受限。

本文仅代表作者观点,版权归属原创作者,如需转载请在文中标注来源及作则名字。

免责声明:本文系转载编辑文章,仅做分享只用,如有疑问请联系邮箱:110@zbj.com

h5页面
大家都在看
将H5内容生成图片海报要怎么弄?

将H5内容生成图片海报要怎么弄?

h5页面
8浏览
什么是H5游戏?H5游戏和普通游戏有什么区别?

什么是H5游戏?H5游戏和普通游戏有什么区别?

h5页面
94浏览
ih5怎样在场景中添加文字?

ih5怎样在场景中添加文字?

h5页面
14浏览
请问哪个制作h5的软件不限制页数?

请问哪个制作h5的软件不限制页数?

h5页面
5浏览
微信h5页面案例展示(微信h5案例欣赏)

案例h5微信页面微信h5页面h5页面欣赏
127浏览
将H5内容生成图片海报要怎么弄?

将H5内容生成图片海报要怎么弄?

h5页面
2浏览
H5设计有哪些网站可以参考?

H5设计有哪些网站可以参考?

h5页面
0浏览
是BT游戏好玩还是H5手游好玩?

是BT游戏好玩还是H5手游好玩?

h5页面
25浏览
H5工具哪些是免费的啊,哪家效果好一点?

H5工具哪些是免费的啊,哪家效果好一点?

h5页面
3浏览
信息采集类的H5页面用哪个软件更合适?

信息采集类的H5页面用哪个软件更合适?

h5页面
2浏览
H5游戏是什么?如何搭建H5游戏平台?

H5游戏是什么?如何搭建H5游戏平台?

h5页面
2浏览
如何搭建自己的H5响应式网站

如何搭建自己的H5响应式网站

h5页面
4浏览
H5页面制作应该注意哪些细节?

H5页面制作应该注意哪些细节?

h5页面
1浏览
微信上的h5页面是怎么制作的?

微信上的h5页面是怎么制作的?

h5页面
4浏览
H5网站和普通的网站有啥区别吗?

H5网站和普通的网站有啥区别吗?

h5页面
5浏览
h5网页制作教程案例,h5页面制作详细步骤

案例h5网页制作制作详细教程页面网页h5页面步骤
89浏览
餐饮类如何做好H5游戏互动营销?

餐饮类如何做好H5游戏互动营销?

h5页面
0浏览
什么是h5,h5的场景制作工具有哪些?

什么是h5,h5的场景制作工具有哪些?

h5页面
0浏览
如何制作朋友圈乐于传播的H5图片小工具?

如何制作朋友圈乐于传播的H5图片小工具?

h5页面
2浏览
h5主要用于移动端吗,主要用于做手机页面?

h5主要用于移动端吗,主要用于做手机页面?

h5页面
28浏览
点赞
收藏
分享