199case_H5案例库
从技术层面看：H5实际上是一个解决方案，一个看起来酷炫的移动端网站的解决方案。而这个解决方案不仅包含了HTML5新增的audio标签，canvas，拖拽特性，本地存储，websocket通信，同时也包括了盒模型，包括绝对定位。如果你想学怎么制作H5页面。那你要先学习HTML，包括HTML5的新标准和之前的全部标准，然后学CSS以及CSS3，了解它们在浏览器的实现情况，原生JS了解一点就可以，大多的操作可以用Jquery，了解常用的几个Jquery插件的用法，应该就差不多了。如果想要做更酷炫的的，学一下egret或者cocos2d更好。如果要优化加载速度，还要学一下grunt一类的自动化工具。可以说，前端的基本知识都要学。”H5“本应是一个技术合集，却被意会成了一项技术，所以很多初学者以后简单学下就能学会，还不要急，慢慢来的好。如果不写代码，有什么好办法？现在已经有很多工具可以帮你实现H5的制作了。
从设计层面看我所说的设计，特指视觉设计，近几年，随着产业细分，视觉设计也从平面设计、动漫设计、影视动画设计等。设计大类细分为字体设计、手绘设计、UI设计、VI设计、、影视设计、二位动画设计、三维动画设计等等等等，而H5设计会运用到所有的视觉设计。也可以说，根据不同的表达内容与策划形式，各种类型的视觉设计都可以转化为H5。如今，H5设计师的工资普遍高于其他类型的设计师，不仅因为H5市场需求火爆更因为H5考验的是一个设计师的综合实力，作为一个H5设计师，首先要精通各类平面设计，其次要懂手绘、3d制作、视频剪辑、音乐搭配。综上所述，H5设计是一个视觉设计的综合应用
从策划层面看如果是推广产品的，那就结合产品特征来考虑。热点选题刷屏几率更高，热点元素结合一个普通的玩法，都会造成刷屏效果。用户在社交媒体平台上的行为，包括点击浏览、互动留言和分享转发。浏览和分享相互促进，形成闭环。因此创意产出时，要考虑的一个重要前提是：用户为什么分享，好友为什么点击？直达内心情感G点、勾起好奇、引起同情、攀比炫耀……除了选题和确定互动形式外，成本和设计考虑也重要。另外策划注意的细节非常多，比如开头吸引用户、加载页、标题和分享语、音效注意声画同步一个好的策划案是成功的一大半！
从推广层面看微信渠道为主，但是理论上，H5可以在任何web页面传播，比如浏览器、微博、QQ，支付宝、天猫等任何支持浏览器内核的APP。H5的特性在易传播、跨平台，所以H5是社会化传播的首选方案。