新浪新闻：新浪新闻快来>>给2022捎个话

2021-12-28 H5案例分享 H5案例分享

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

新浪新闻快来>>给2022捎个话-查阅二维码

完整欣赏此案例大约需要2分钟

案例：新浪新闻快来>>给2022捎个话

品牌：新浪新闻

技术实现： html5

亮点：

1.创意定位

新浪新闻的年底总结，作为新闻类平台，用不同形式和背景总结了今年的大事件，总体基调还是很积极向上的，许下新年祝福，相信未来一定是美好的！

2.策划逻辑

一个带着红色围巾的小人儿贯穿作品，依次呈现以下内容：

①点击屏幕任意处开始，导语过后，是对疫情的回顾，和对中国人民前进探索脚步的肯定。

②长按下方触点，小人儿依次跳上几个盒子，后方烟花升起，绽放出庆贺建党百年的字样。

③小人儿来到火箭旁，点击触点发射火箭。

④几个大事件升起围绕着小人儿旋转，包括中国健儿东京奥运会表现优异，国家反诈APP宣传等。

⑤重逢，回顾孟晚舟女士顺利回国。

⑥双减，三孩儿，脱贫攻坚战等事件标题列出。

⑦最后是总结语，用户点击后选择一个词带给2022，生成海报。

3.设计上

作品背景色从蓝色到淡橘色，越来越温暖。一个带着红色围巾的小人儿贯穿作品，以活泼的姿态引导用户浏览作品，用积极的氛围感染用户。

4.交互上

互动很多，点击，长按穿插进行，加上视觉冲击，不断吸引用户注意力，丰富体验，让用户沉浸作品之中。

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签