里约奥运那边，傅园慧用洪荒之力引发了表情包界的泥石流，我等吃瓜群众这边，又被“画一个小人”H5横扫了朋友圈。

看到TOP君画的小人也这么丑，你是不是就放心了？

二维码识别访问H5

这个名为“里约大冒险”的H5的奇特之处在于，能让人体验一把“神笔马良”的feel——

你三下五除二勾勒出的一个小人儿，竟然有了生命，跳来窜去不说，还艳福不浅地降落在三点式美女的胸罩上，在迷人的乳沟里欢脱地蹦跶；随后又漂移至微信朋友圈，开启“大冒险”模式，将巴西奥组委、美洲豹、傅园慧孙杨CP等各种梗都挨个轮了一遍，最后终章于为中国队加油，品牌主——网易新闻&网易哒哒浮出水面。

哒哒是神马？有的小伙伴可能不太清楚，它的官方描述是：网易传媒“严肃”打造的一款“没那么正经”的新生代资讯客户端，今年5月上线的ios版本，安卓版也将在本月中旬新鲜出炉。

里面的新闻都是酱婶滴：

是什么样的脑力风暴和灵光一闪让这个新品牌产生了这样的big idea？中间经历了哪些艰难困苦才打磨成功？被封杀后它又是如何解除封印重新归回的？TOP君翻山越岭，找到了这个H5的缔造者。

• 品牌：网易哒哒

• 制作团队：网易传媒原生内容中心的哒哒项目组

  一共9名成员，包括2个前端，3个创意策划以及文案，2名设计，1名插画师，1名动效师。

• 推广目的：季度策划

• 广告公司：无，in house完成

• 发布时间：8月10日15:50

• 传播渠道：哒哒app、网易新闻客户端、网易新闻PC端入口等网易自家产品，没有其他经费推广。

意外走红：渠道还没开始铺，就火得爹都知道了

我们是从7月12日开始谋划的，到昨天下午上线，前后差不多有1个月的时间。本来11号才是推广的正日子，前一天下午上线后只是想转到朋友圈给同事看看，瞬间就在公司内部引爆了；不到两个小时的时间里，各种刷屏反馈纷至沓来，都是朋友的朋友的朋友的朋友圈。

原来一个实习生反馈说，她的父亲给她转发了一个h5，说特别好玩，让她试试，结果一看是老东家做的。因为哒哒的目标用户主要是90后95后甚至00后，确实没想到这个H5能在各个年龄层都引发轰动，可见真正有力量的内容，是可以自生传播的。 

还有一些嗅觉灵敏的广告商也飞速找上门来，接下来我们马上要为一个知名车企量身定做类似的策划。

画画游戏和《爱丽丝》，给了他们灵光一现

创意这块，之前我们想了很多，比如跑酷类、经营类、生存类以及RPG…

但是这类体验都比较传统，大部分用户已经熟悉了这种交互方式。后来我们想到很多曾经玩过的让用户画画的小游戏，不仅交互简单有趣，而且用户参与成本低、有成就感、体验好，就决定借鉴这种交互方式。

在策划的具体方案上，《爱丽丝漫游仙境》给了我们启发——它里面的主人公能变大变小，我们就考虑了小人国、让用户画小人的创意，数次头脑风暴后诞生了从桑巴舞女的胸上逐步转化视角→豹子从二维平面中跳出追逐小人→小人在朋友圈里奔跑→和朋友圈里的人互动→最终钻回平面照片的创意。 

遇到的难点是？

什么都很难。。。。。

——by前端余昊

首先，负责策划的三个人都是90后，还有一个是今年的应届生。除了脑洞大点子多，其实并没有策划经验。带来的直接影响就是一开始创意脑暴的时候，提的最初几个方案都比较平，被否了好几个想法。

但90后的优势就是，不受规矩和既有案例的束缚，思路相对灵（qi）活（pa）。 在最初方案被否之后，三个人真的是吃饭、睡觉、堵在后厂村路上都在想创意……这样差不多憋了整整两天，才确定了最终的创意思路。

技术上的难点也不少。因为在H5上实现画布参与、小人走动并不好做，前端技术余昊调研了一周，最后是动效和策划三边开了两次联调会才把这块啃下来。时间轴、画笔捕捉、运动轨迹……这些全部用代码完成，需要精细的完成度。后续因为工作量很大，前端刘加瑶也加入了开发。 

策划、交互和二者的完美融合是我们总结的火爆原因

这个策划能被刷屏，首先是乘上了热点的翅膀；

其次是交互新颖；

而且策划和交互完美融合，动效最终实现的精度（小人动作的蠢萌感），以及简笔画视觉风格的舒适、年轻感。

这些综合因素一起触摸到用户分享心理的痛点。

项目已经上线，这些故事和细节他们却记忆尤新

因为这个策划技术上一开始很难做，为了鼓舞士气经常去食堂买冰淇淋，深刻地记住了原来男生也是会喜欢草莓味可爱多的…… 

余昊在实现动效的时候，为了研究小人从项链上掉下来的曲线，在我们面前解二元一次方程算抛物线……所有人都懵逼了，因为忘光了高中数学。 

另外，我们的插画师李志老师是个特别纯情的孩子，为了一开始桑巴舞女郎胸部的插画部分还红过脸~对接设计部分的王梦璇为了给他讲解胸部怎么画才能Q弹各种飙车，最后只能看到李志老师通红的耳朵……（当然胸画得很好，这是后话了）

在策划后期，技术和动效反复磨合，忙得不可开交的时候，我们的文案妹子刘玲玲天天往设计中心跑，给动效师王锐写动效细分的文档，节省他的时间。虽然她嘴上说自己是想学，但我们 都知道，其实还是因为设计中心帅哥多……

最深的感触：感谢团队，大家都太靠谱了！ 

三名90后完成了痛并快乐着的创意策划；

手速奇快质量奇高的插画师李志，负责这些萌萌的插画；

视觉妹子孙铭潞和实习生白鹤，串联了所有的页面，及整体策划的视觉风格确认；

还有一个特别靠谱的动效设计师王锐，这里面动画演出都是他磨下来的；

技术方面则是由两个前端同事余昊和刘加瑶一起开发的，这个页面并不好做，他们为了这个也是调研了很久；

为了确保按时上线，每个人都在为做好这个策划加班加点地努力着。