你知道刷一刷红包预热H5背后—设计在弄啥嘞？

由于篇幅有限，加上有刚做完元旦H5的经验，解决了很多问题，所以接下来除了与元旦H5不同的设计点，其它就直接上图图图啦～下面是除夕的整个方案：

除夕地图的设计过程：

之前元旦的地图由于有放大缩小的动画所以需要动用整个地图，导致资源过大，而且元旦地图的左右切换还是让用户对时间走向有些费解，吸取教训后，这一次用长条状形式，只取主要路线的部分，减少了资源大小，而且移动顺序从下至上，这样让用户更容易理解时间线走向。

相关的组件：

定制化组件：

和元旦h5不一样的地方主要就是这次需要对明星、企业相关的组件进行定制，突出它们对应的属性以及气质，对其品牌进行一定的宣传，提高辨识度。

分享内容：

在元旦H5分里拉取红包后台数据的时候出现了不稳定，而且QQ和微信看到的内容不一致也的确体验上并不是很好，因此这次除夕H5结合一些梗，把“刷红包手势”作为刺激用户分享的内容，一方面强化用户对“刷一刷”的认知，另一方面由于不需要拉数据，减少了发布后的风险并保证了各平台的体验一致。

动画：

这次的动画上我们更加强调氛围，因此从首页进入后，加入了下雪的动效，让场景呼应我们想传达的温馨感。整个H5里面个人认为比较亮点的地方是地图刷到尽头的时候，下起红包雨，你可以看到一棵挂了红包的许愿树，它原本的暗色被点亮起来，代表着启新，也代表着愿望都能成真的祝愿。

两期的活动的设计大致如此啦，当然，除了上面说的2个主体H5，还有它们后续所附带的一系列推广素材，整个运营才算是完整的，但这里就不作细说了。这段时间，看着两期整个H5实现出来并上线后，个人认为还是蛮有成就感的～

这两期的H5我个人认为在体验上来看是比较流畅的，并且在上线后也有不错的成绩，这得力于策划、设计、技术3方紧密合作，所以才有这样的结果，很是感谢！同时在这段时间的运营工作中我也学习和感悟到不少东西，有些相关经验和感触，和童鞋们分享一下：

1.活动策划的前期要做好

虽然这两期的刷一刷红包预热H5伴随着不少的问题，但是，从整个项目的周期上来看，我觉得是比较顺利的，这一点我觉得是得力于前期运营童鞋把策划与安排工作做得很好。时间上的灵活安排和及时调整让设计和开发的工作时间于项目上比较有保证，另外H5策划前期给出了一个具体方向并坚持走下去，这一点避免了之前设计常因方向变化而导致大反工的情况。

2.出图必先出草图／手稿

（编辑：PHP编程网 - 湛江站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!