文档介绍：济南恒大御峰2017年1季度工具包
H5制作指南
目录
H5前世今生
1
H5常用平台
2
H5制作指南
3
兔展操作Tip
4
PART 1
PART 2
PART 3
PART 4
H5的前世今生
H5是什么
H5是指第5代HTML,也指用H5语言制作的一切数字产品。所谓HTML是“超文本标记语言”的英文缩写。我们上网所看到网页,多数都是由HTML写成的。“超文本”是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。而“标记”指的是这些超文本必须由包含属性的开头与结尾标志来标记。浏览器通过解码HTML,就可以把网页内容显示出来,它也构成了互联网兴起的基础。
以微信、QQ、LINE、MSN为代表的即时沟通工具;
即时通讯工具
以Facebook、推特、人人、微博为代表的社交工具;
社交工具
通过H5技术制作的,区别于传统游戏客户端的H5游戏;
“网页”游戏
随着智能手机迭代产生的移动端浏览器,以UC浏览器为代表;
移动端浏览器
以Chrome、Firefox、IE等为代表的传统PC端浏览器
PC端浏览器
广义上的H5
狭义上的H5
微信作为次时代最成功的即时沟通软件,本质上是集社交工具、浏览器、即时沟通工具为一体的“互联网入口”;
是当前中国人最爱的沟通交流工具,是全世界使用量最大的社交平台;
而微信对Html5协议的良好支持,决定了“它”已然成为H5最大的使用平台。
狭义的上H5,就是指依托于微信平台运作的,使用Html5协议制作的动态宣传广告。
PART 1
PART 2
PART 3
PART 4
H5常用编辑平台
H5常用编辑平台
Maka、易企秀、最酷、70度
第二代H5编辑平台,以兔展为代表,支持PSD源文件导入,大大降低了H5制作周期和难度,各类扩展插件较为丰富。
第二代平台
第一代H5编辑平台,脱胎于图文编辑器,支持jpg,png透明格式,操作繁琐。
第一代H5平台
第三代H5编辑平台,以意派360和iH5为代表,对动画的兼容效果极佳,配合设计创意,可以实现动画效果的无缝衔接,自然流畅;
第三代平台
兔展
意派360、iH5
PART 1
PART 2
PART 3
PART 4
H5制作指南(以兔展为例)
04
销售信息软性植入,融合到文案中去,有感召力,吸引客户二次转发。
03
配乐契合场景,互动模块贴合推广主题。
什么样的H5是好的H5
02
翻页流畅,每页停留时间适中,画面制作精良。
01
图文相趁,图片辨识度高,动画效果快慢、进场次序俱佳。