小编就来考考你，你对H5了解有多少呢？
H5到底是什么？
H5是HTML5的简称吗？是微信里会动的、可以分享的网页？还是移动PPT、网页版APP？事实上，H5指的就是移动网页本身，下图中就很清晰的指出了H5的涵盖范围：
H5与HTML5、Web APP、Minisite、Flash、PPT的关系图，图片来源：《H5+移动营销设计宝典》苏杭
H5的形式包括哪几类？
现在网上H5多种多样、玩法百变，形式则大多数归于画面表现、触摸屏操作、传感器这几类。有的H5只用其中一类来设计玩法，有的则会将几类组合创造出更丰富多变的表现形式。
从设计到H5发布的流程有哪些？
想要做出一个打动用户的H5，大致需要经历以下流程：
1、了解需求：结合自身产品优势和活动目的进行发散思维
2、确定形式：头脑风暴会议、结合前端技术考虑能否落地实现
3、设计表现：确定符合主题的视觉设计风格、配乐及声效等
4、开发执行：交给程序员哥哥进行代码实现，或者到第三方平台服务器进行编辑
5、数据分析：后台统计点击量、转发量等监控分析你的H5受欢迎程度
（摘自《H5+移动营销设计宝典》苏杭）
H5的具体设计部分虽然只占整个流程的一小部分，但作为设计师需要贯穿始终，了解这5个流程步骤，清楚其中要经历的环节、涉及到的因素等等，才能配合整个团队做出更好的H5作品。
经典创意的H5案例欣赏
了解了H5的表现形式和设计流程之后，让我们一起来感受一下H5案例吧～
1.《红丸PK小白龙》结局竟然是这样
《红丸PK小白龙》
近期非常流行的一种世界上最先进的路桥收费方式，不停车电子收费系统，ETC。通过H5，操作简单、容易上手，页面简洁、新颖创意的风格，达到宣传推广目的，并且给需要的人提供了便捷，然而H5就这样频繁出现在互联网营销中了。2. 《不曾被辜负的鸭子的一生》
《不曾被辜负的鸭子的一生》
以处暑最适宜吃的鸭子为故事主角，今年小明得到了一只鸭子，但是在处暑这一天，主人呵护着长大的鸭子怕被吃掉就离家出走了，所以鸭子主人出去找鸭子的过程中碰到处暑风俗场景，分别是祭祖、吃龙眼配稀饭、喝凉茶、放河灯。最后在河的的另一边找到鸭子，本以为主人把鸭子带回去接着养，结果主人把鸭子带回去做成了一家人的处暑美食（此部分体现出剧情反转）。故事结束出现活动信息，并在每一个场景旁边附有相关风俗科普。
最后总结
H5的出现让移动网页具备了更多的能力，给我们更多的空间去创作和策划。设计的过程中要时刻注意总结一些经验教训，比如H5体量不能太大，否则加载会非常卡顿；画面过于炫酷，长时间观看容易造成视觉疲劳等等。不管你是要玩创意还是情怀，最终还是要回归到品牌本身，打造出符合品牌形象、贴合用户需求的好作品。
