还记得里约奥运会那个把你萌化的“洪荒小人”吗？那个刷爆你朋友圈的H5——《里约大冒险：请用你的洪荒之力，画一个小人》。

11月1日，网易原生内容中心高级主编刘薇做客安徽大学，以这款H5为案例，与安大的同学们分享了如何制作产品化的互联网内容。这也是继网易传媒与安徽大学新闻传播学院签订合作协议后，网易新闻学院在安大公开课的第一讲。

来，再画一个小人，重温一下经典！ 《里约大冒险》

1个H5，6大工种通力合作

《里约大冒险》在网易新闻客户端获得1700万PV，它究竟如何做出来的？

刘薇分享说，这需要策划、前端、动效、设计（视觉）、插画、运营6大工种通力合作，花了两个多月的时间才完成来完成。

首先，在H5创作之前，要进行详细地策划。如何巧妙融合槽点和故事线，在哪里设置轻量趣味交互，又要在哪里设置悬念等等，都是要经过疯狂的头脑风暴。其实，在H5一开始，你并不知道画这样一个小人有何用处，但是它就是能吸引受众视线，很好地营造了悬念。

前面说到这个H5有1700万PV，这就代表着小人会出现1700万种画法，小人的形象是通过受众自己创作，这就需要细腻的动效复现，以及能够和前端实现完美地融合。且在设计上也是最大程度地突出小人的核心元素，而他视觉元素要恰到好处，这样才能让用户没有负担感。小人的曲线能否自动处理出圆滑感、是否可以增加笔刷、笔画选择怎样的粗细度等都是设计过程中需要考虑的问题。

而前端也是非常重要的工种。刘薇戏说到，“要经常贿赂前端大哥”，因为你的想法需要靠前端去实现。以前的策划基本上都是用H5+CSS3来实现，但这次小人需要画出来并且来回移动，后来考虑到一些比较成熟的canvas游戏引擎可以实现很多效果，最终选择了一个轻量级的canvas渲染引擎。

值得一提的是，小人在上线两个小时就完成了自传播，用户自动转发，说明小人真的抓住了受众。当然如果所有H5都能实现自传播当然很好，但是在一个互联网产品的传播中，推广也是起到了非常重要的作用。

交互和用户体验才是互联网产品的核心

从理论上说，新闻是新近发生的事实报道。从实践层面上，新闻就要抢时效，无限接近事实真相，在错综发杂的线索上要找到事实本身，讲好故事。

而“内容”其实更为广泛，新闻可以说是内容的一部分，内容是外延，它可以扩展到话题、现象、事件、兴趣等，更适用于互联网地传播。

其实从工种上，我们就可以看出，互联网内容产品的制作是不同于传统媒体的。机构新闻的制作流程是采写、编辑、印刷、出刊、传播，而在互联网，策划文案——动效、插画、设计、前端、后端——运营推广，一脉相承，且交互和用户体验才是互联网产品的核心。

在里约小人的H5中，可以看出互动的重要性，互动才能更好地吸引受众，让受众参与进来才是“硬道理”。而说到用户体验，就要说一下“细节”。

刘薇用了另外一个H5案例——《春运百态图鉴》，这也是刘薇所在部门网易原生内容中心“哒哒”所做的，是一个360度全景视频的趣味H5。在这个H5中，有一个山西保姆形象，而为什么选择山西，且还有一个很细节的地方——这个保姆拿了一个没有被咬一口的山寨苹果。这个H5的背景是那时正是“山西保姆剧增”的新闻正热之时， 一连串的反腐对经济造成影响等通过一个“苹果”的小细节展露无遗。

在每一个细节上下功夫，这是对用户负责任，只有这样才能提升用户体验，这也是网易态度的体现。

哒哒——世界没那么正经

说了这么多，还没介绍一下生产出这么牛气H5的产品——哒哒。哒哒是新生代趣味内容制造商，是网易传媒针对年轻用户口味打造的内容品牌。它的内容调性关键词是：有趣味、接地气、小性格、小搞怪、冷趣味、新奇感、小暖萌、二次元、潮流感。恩，自行对号入座吧。

本次公开课为网易新闻学院163传媒公开课的第五十二站，后续还会在全国各重点院校开展系列课程、新媒体沙龙等活动，欢迎持续关注。