一个还不错的H5是怎么产生的?

新闻晚知道贾旭明张康,曹淳亮,浩方注册账号

 　　电影鬼吹灯之寻龙诀“活蒸大粽子”思路解析

　　端午节前的时候，我们 [亚当实验室] 为了寻龙诀电影做了一期线上H5的推广。借着鬼吹灯寻龙诀即将上映之际，分享下创作思路。希望大家能得到一点小小的启发。

　　看过鬼吹灯的朋友都知道，粽子是一句在盗墓者中流传的暗语，就像山里的土匪之间谈话也不能直接说自己杀人放火，都有一套行业内的术语，就好比lol中不叫蓝buff，叫蓝爸爸一样。粽子呢，即指的是墓里的僵尸。

　　H5讲究借势营销，正好端午节有蒸粽子的风俗，而鬼吹灯中又有粽子，正好是一个结合点，那就做个活蒸大粽子的游戏吧。

　　一、交互原型

　　考虑一下产品原型、交互机制，总体原则是：

　　大家不要被上图精细的手法所蒙蔽，我们来看下流程。

　　从一个loading开始到分享出去，这是一个用户流程(user flow)，逗比用户除外。为了防止用户流失，把复杂的留给自己，把简单的交给用户。这里采用了1个btn的交互形式，这也就是所谓一巴疼交互方式。(button音译：巴疼)

　　二、形象设定

　　交互机制有了，新的问题又来了。如何结合僵尸的形象和粽子的形象?

　　作为一个国产商业片的H5，为了不吓到大多数的观影群众，总不能弄个真的僵尸出来吧?清代米原康正——德艺双馨的袁枚老先生在《子不语》中对僵尸做了一下分类，分为：紫僵、白僵、绿僵、毛僵、飞僵、游尸、伏尸、不化骨(对老先生有兴趣的可以自行百度，就不在这个严肃的技术帖中讲述了)。看，古代人总结的僵尸的视觉识别系统也有以颜色来分的，别老闷着头做设计，多读点书。

　　为了简化执行，这里我们采取了五种颜色来区分粽子的方式。

　　经过一系列的讨论，可爱的僵尸粽子形象就出炉了，红黄蓝绿青靛紫，而且这绝对不是葫芦娃，一个藤上七个瓜。这是为了差异性，考虑到用户蒸完粽子之后，得到的结果不同，这才有意思嘛(集齐几种颜色粽子可以召唤超级大粽子)，这也很重要。

　　三、视觉设定

H5奢侈的“跑步”，你被营销了没？

案例1、跑步，是一场和自己的恋爱