网易新闻 “探秘芒种” 节气H5案例以芒种节气元素构成的 “芒种” 艺术字动画为开篇，融合水墨画的古典风格，以文字、动态指引用户，画面如同卷轴般，在用户交互下，缓缓展开。
1、创意定位
在24节气中，芒种以其独特的韵味，承载着自然的律动与农耕的智慧。该H5旨在通过数字艺术的形式，展现芒种时节的自然现象，同时融入趣味、简约的交互动画，向用户传递节气知识，让传统文化在现代科技的辉映下焕发新生。
2、活动策划
以中国的传统节日芒种为主题，讲述在这个节气里，农田和自然都发生的变化。首先看到的是农田中收割的景象，一面切换到一颗稻草，提示用户滑动屏幕，当用户滑动后，一只螳螂破壳而出，通过一个水滴，滴落到螳螂身上，看到插秧的农民，画面再次切换，是蓝天，一只鵙鸟在空中滑过，点击鵙鸟，一颗果子落去瓶子，一个骑车人穿过绿野，看到一只百灵，点击百灵身边的三个气泡图案，下起雨，雨滴滴落水中，出现品牌，再次点击气泡，出现小知识点的轮播图（一共10张图），选择图案可以看轮播图中的答案，长按后，可以把轮播图生成知识小海报（是遮挡了答案的海报）。
3、设计亮点
该知识科普宣传H5通过一系列交互动画，向用户科普与芒种节气相关的知识。在结尾以卡片形式将知识点进行汇总，用户可通过长按隐藏答案，将知识点转化为问题，向朋友传递，既增加了互动性，也实现了品牌的自我传播。全篇以金黄和青色为主色调，既展现了北方麦田丰收的喜悦，也寄托了南方水田播种的希望，色彩的运用如同田间的诗行，吟唱着芒种的农耕之歌。H5由交互动画组合而成，所有动画视效均伴随用户的操作显现，如滑动屏幕，见证螳螂破壳而出的生命奇迹；轻点屏幕，感受雨滴落下的清新气息。
4、用户体验
使用的是PixiJS实现，小编也很喜欢这个2D引擎，主要是性能好。横屏锁屏观看，支持横向反复查看。
综上所述，该H5在结尾以卡片形式将知识点进行汇总，用户可通过长按隐藏答案，将知识点转化为问题，向朋友传递，既增加了互动性，也实现了品牌的自我传播。这种互动玩法鼓励用户分享，扩大了H5的传播范围。蓝橙互动是一家专业的H5开发公司，有任何需求欢迎咨询蓝橙客服。
微信扫码咨询
