H5自2014年起，由一项本来还不太成熟的技术，发展到现在成为非常火爆的互联网营销工具，以层出不穷的新面孔、新玩法一次又一次给我们带来惊喜。
小编就来考考你，你对H5了解有多少呢？
H5到底是什么？
H5是HTML5的简称吗？是微信里会动的、可以分享的网页？还是移动PPT、网页版APP？事实上，H5指的就是移动网页本身，下图中就很清晰的指出了H5的涵盖范围：
H5与HTML5、Web APP、Minisite、Flash、PPT的关系图，图片来源：《H5+移动营销设计宝典》苏杭
H5的形式包括哪几类？
现在网上H5多种多样、玩法百变，形式则大多数归于画面表现、触摸屏操作、传感器这几类。有的H5只用其中一类来设计玩法，有的则会将几类组合创造出更丰富多变的表现形式。
1、画面表现
这一类H5主要以有趣创意的视频、动画和图片展示为主，来吸引用户关注其产品或品牌活动。像之前腾讯NEXT IDEA与故宫合作的《穿越故宫来看你》就属于此类型。这个H5以故宫场景为背景，采用新潮的RAP音乐来号召大家，让那些有梦想有才华的年轻人积极参与到NEXT IDEA腾讯创新大赛中来。
2、触摸屏操作
触摸屏操作的H5包含单屏滚动、手势操作、全景交互及多屏互动等。前段时间网易策划出品的《逃不掉的四字魔咒》，采用的就是横屏滚动的形式，表现了一些大家都会经历和遭受的体验。较后一句“宽容是我的修养，但不是你放肆的理由”，这句文案很容易让大家产生共鸣，因此有了广泛的转发刷屏。
3、传感器
这类形式依靠手机上的传感器实现，包括陀螺仪、GPS、摄像头、麦克风等。腾讯互动娱乐2017up发布会的一个H5《来玩点耐心吧》，就是依靠竖立手机的重力感应来完成和用户的互动。
坚持到较后，会有一颗大树等着你哦～（考验一下你们的眼力，你们看到了树底部的小门里站着的小企鹅吗？）整个H5通过搞笑又暖心的插画传递了一个理念：“唯耐心，不负所爱！”
从设计到H5发布的流程有哪些？
想要做出一个打动用户的H5，大致需要经历以下流程：
1、了解需求：结合自身产品优势和活动目的进行发散思维
2、确定形式：头脑风暴会议、结合前端技术考虑能否落地实现
3、设计表现：确定符合主题的视觉设计风格、配乐及声效等
4、开发执行：交给程序员哥哥进行代码实现，或者到第三方平台服务器进行编辑
5、数据分析：后台统计点击量、转发量等监控分析你的H5受欢迎程度（摘自《H5+移动营销设计宝典》苏杭）
H5的具体设计部分虽然只占整个流程的一小部分，但作为设计师需要贯穿始终，了解这5个流程步骤，清楚其中要经历的环节、涉及到的因素等等，才能配合整个团队做出更好的H5作品。
微信
