脑洞传播类H5个人经验年度小结

此文已由作者徐嘉韵授权网易云社区发布。

欢迎访问网易云社区，了解更多网易技术产品运营经验。

从年初到现在我负责了不少脑洞传播类H5项目。我在设计这类H5的过程中，发现最容易遇到的问题是在原型规划和idea上，这类H5相比以往的web专题更需要营销、编辑、设计三方携手集思广益，同时也需要每一位参与人员都具有跳跃性的思维、对同人文化具有一定的了解。

制作这类H5的过程中，先从原型上来说，并不像以往营销策划人员先规划好约80%~90%的程度，而是拿到需求时原型完成度（包括slogan、框架、主线等全部）大约只有50%左右，有时可能都达不到。所以在执行过程中，既需要营销策划人员提供主线以及部分框架，当他们的思路不够用时，设计师也需要顶上作为补充，作为项目策划者之一的身份参与其中，而不是单纯只做设计师的角色。这样做出来的H5才能更精彩、更有趣味性。

在设计这类H5之前，通常需要先开会交流idea以及设计风格。这时候的原型都还是初稿，营销策划人员有可能在某些题型的上的想法还比较模糊、不够具体，这个时候就需要设计师和编辑对其原型做一个想法上的补充，例如倩女端游大数据H5的这个页面，最早开会讨论时营销只给出了几句文案和配图。我能感觉到如果这个页面就只是这样单单呈现几句文案，会很平淡、毫无特色。于是我提出了自己想法：将每一句文案用带有陈述性的打字机动效来呈现，并将每一句分别列在一块块漫画分镜里，最后将这些分镜一块块地分别用动效呈现出来。这样不仅能把文字和配图紧密结合，也将短短的几句数据文案赋予了更加浓郁的故事性，增强了这个页面的趣味性。

 

单个答题型的脑洞传播类H5中的问题数量一般控制在10道题左右（从我目前所接触到的项目来说），通常以手绘风格为主，每一个问题通常会需要搭建一个不同的场景，所以10道题就会需要设计10个不同的场景，这些场景还必须跟题目相契合、看起来有意思。所以在这样的需求下，必须至少拿出10个好的idea，才能把这整个项目撑起来。

但是在实际操作的过程中，营销、编辑、设计三方很可能总是一边做一边推翻之前的idea，有可能是因为idea过于普通，也可能因为技术无法实现某些功能，也可能是因为原型一开始就是不成型的，很多想法都是边做边建立起来，在执行的过程中发现灵感的火花。很可能做着做着，营销/编辑/设计师自己又会提出更好的想法，于是又推翻重来，也成了家常便饭。虽然总是被推翻，但同时这样也有优点，就是对思维的限制更少，不会被最开始的主题所限制。例如校招H5的这个问题页，需求方最开始的计划是使用连线题的方式来呈现，但后来因为技术方面无法实现而导致推翻重来。需求方第二次给到的方案是选项+头像的方式，但是我在设计的过程中总感觉不够有特点，于是便利用头像素材巧妙结合了黄帝内经的灵感，很好地将四个选项融入了画面，也将“大黄易”的抽风气质体现了出来，更符合网易校招的特色。

 

在风格上，问答型脑洞传播类H5跟普通的web专题相比，更注重创意性和趣味性，因此设计师大可打开脑洞参与其中，成为策划的一份子。正因为这样的H5在创意性和趣味性上的要求更高，因此在项目期间总是时不时会有更好的想法蹦出来，所以设计师也要有足够的心理准备。期间也会碰到很多意想不到的改动，改动数量大概是平时web专题的n倍，所以设计师这边也需要管理好时间，留够充分时间来修改。

跟以往的web专题相比，这类H5相对来说可以稍微灵活一点，不需要那么严格遵循以往设计上的原则，因为那样有可能显得过于呆板，或者过于突兀。以往我们总是将用户体验放在比视觉表现更重要的位置，但是在做这种创意H5的前期，有时可能会为了画面效果或者趣味性而牺牲掉一部分用户体验（有点类似解谜游戏），然后再在后期加上动画/文字提示来补足前期牺牲掉的那部分用户体验。例如校招H5的这个拍卖的页面，需要将四个选项融入四个拍卖人的身上，但这四个拍卖人也需要跟拍卖场的人群融合起来形成一个拍卖气氛浓厚的画面。但二者太过融合又担心用户找不到选项，因此需要给四个选项加入了弹跳起来的动效，这样用户体验就顺畅多了。当然，如果能在选项融入画面的最初就能达到视觉效果+用户体验两俱全，那显然是最优解，也是设计师追求的目标。

 

在设计脑洞传播类H5的同时还有一些小技巧，例如可以在页面多加入一些趣味性元素等等。举例倩女幽魂手游你画我猜第一版H5，我在页面的设计上增加了很多手绘、涂鸦等可爱的元素点缀，将绘画区模拟成纸张、选色功能区模拟成调色盘，让玩家更加具有在桌子上画画的感觉，并且在引导文案的处理上，我增加了颜文字，使整个页面看起来更加萌萌哒，让玩家更有挥洒画笔的冲动，同时也提升了玩家在浏览H5过程中的乐趣。

最后我认为设计师在参与这类H5设计的过程中最需要明确的一点，就是不断推翻先前idea的这个过程，能让整个H5项目更加精彩纷呈。可以多在idea上下功夫，跟营销、编辑、技术小伙伴达成良好的共识，我们的问答类H5的最终效果才能更加有趣、吸引人。 

网易云免费体验馆，0成本体验20+款云产品！ 

更多网易技术、产品、运营经验分享请点击。

相关文章：
【推荐】 知物由学 | 虚假色情泛滥，人工智能可以做些啥？