雷霆战机：你知道星星离我们有多远吗？

2016-03-14 H5案例分享 H5案例分享

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

你知道星星离我们有多远吗？-查阅二维码

完整欣赏此案例大约需要1分钟

案例：你知道星星离我们有多远吗？

品牌：雷霆战机

技术实现： Zepto

亮点：

策划上，图文展示类，每一个元素搭配小动画来使手绘的物件更具有生命力（例收音机动画：打开天线——搜频——搜到声音）；一段描述性的文案搭配小动画增加画面故事的完整性，同时配合空灵的背景声效，让用户在体验HTML5 页面的时候，在视觉、听觉上感受到情怀，产生共鸣，将对宣传雷霆战机游戏的宣传巧妙地融入其中，起到极好的宣传作用
设计上，以棕色作为主色调，采用牛皮纸背景来展现复古+手绘主元素使科幻主题更添亲和力增添情怀，不同于以往的写实风，整体氛围围绕四个关键词：科幻、复古、文艺和走心
技术上，整体动画主要采用CSS3的animation

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签