html5教程：几个不错HTML 5广告案例分析

本期的Web开发教程学习将为大家推荐几个具有代表性的各类型HTML 5广告案例进行简单发现，希望会帮助大家更好的利用HTML5开发工具来优化完善你的Web开发项目，相信这些设计细节会为你的项目带来不同的感觉和启发，主要是想通过一些案例分析来谈谈设计方面的思路与方法，给各位带来一些新鲜感，接下来，让我们一起来看看案例吧。

1. 《“选择吧！人生”》微信电影宣传推送广告

坦率的讲，这支广告我不是第一时间看到，而是通过搜索找到，对比2014年时大量画面简单交互初级的HTML 5广告，它的画面执行是出色而新颖的，再加上引用了那么多高热度的符号元素，算是给大众点评的微信营销开了个个性的好头。

2. 《九步之遥》微信电影宣传推送广告

我第一次打开这支广告的时候，唯一的反应就是，碉堡了！看到这类作品能在微信传播的设计师们应该乐坏了，这种画面执行独特，细节入围的HTML 5广告不但在主题上贴合了导演的品性，还在身价上和同类广告拉开了距离,老子我玩的就是人堆儿里的不一样！相比《“选择吧！人生”》来说，整体画面在视觉上的提升在于不再那么拥挤和凌乱，比较之后才会发现，过多的画面细节也许会让用户感到疲惫。

3. 《“评什么爱姜文”》微信电影宣传推送广告

也许是大众点评在2014年还没玩过瘾，在开年之初就来了个更猛的！这也是我当时看到的第一支大众点评的HTML 5广告，不禁惊叹，这画面的超现实风格太猛烈了！怎么办到的？是gif？还是什么？后来才知道，实现这类动画的方式叫做序列针，将渲染好的动画存成一张张的图片，再按照一定的时间间隔来播放，比如80微秒，或者60微妙…不同于gif动画，序列真动画有更为好的色彩还原，并且可以在交互上对动画进行控制。以上三支HTML 5，把重点都放在了画面执行上，对于交互和内容识别的展现都没有像是画面那么深入人心…尤其是这支HTML 5的操作界面就让人难以分辨，而文字内容也让人容易忽略掉…用优秀的动态海报来形容这一时期大众点评的HTML 5广告似乎更合适。

4. 《 我们之间就一个字 》微信活动推送广告

而当《 我们之间就一个字 》上线后，居然引发了场行业意外，造成了一次话题营销！一个违反了大量视觉法则，画面不饱满，内容太袖珍，品牌属性不凸显的HTML 5广告，居然还牵动起那么多人的情怀，引来那么高的赞赏，带来无限的传播…？为什么？虽然，序列针动画技术早已被html5的第三方平台所攻克，网友也能生成1:1于原作的复制品，但是，你永远复制不出那份弹指间的体验，永远复制不出那么多人绞尽脑汁追求极致的心境。这支HTML 5可以说是HTML 5广告初期我们认为的一个异类，或者说是个不经意的巧合，那么巧合的是什么那？当大多数人还在考虑怎么把海报复制到HTML 5页面时，有人就意识到了HTML 5页面的精髓不在于复制旧有形式，而是综合所有已知设计形式的数码融合，或者说是一种超媒体设计,凭借着对人文，音效，平面设计，以及动画设计的恰当融合，这支HTML 5成为了那个时候最具成熟性的超媒体广告，它的威力和分量和上面的三个案例相比几乎不在一个量级。他给你带来体验的愉悦感不是说，这画面好看，这音乐好听…而是各个环节相互搭配带来的综合感受，这应该就是HTML 5广告努力的方向，利用技术来综合感官。

5. 《爸，我想你了》微信电影宣传推送广告

为了宣传电影《失孤》，大众点评在三月份上线了这支HTML 5广告，敢问多少好的创意死在了父子情这个节点上，那么除了给老爸买东西，送关爱…我们还能玩点什么？看看这支广告吧～有没有觉的生肖是一个人人心中之所有，人人笔下之所无的创意点那？而且这支HTML 5会给用户一种轻量形个人定制的感觉，简单的三个页面就完成了表意，更便于传播和推广。但是，同志们仔细想想就会发现，为了完成这种定制般的简单效果，创作团队实际是付出了比常规HTML 5广告多出数倍的精力，设计了24个动画形象和配套文案。所以说，《失孤》没看不要紧，错过了这支HTML 5就可惜了

以上就是本期html5教程学习的全部学习内容，当然HTML 5广告案例肯定不仅限与此，这是众多案例的一部分，想了解更多HTML 5广告案例的朋友可登陆课课家官网查询相关课程学习。