福建省应急管理厅X福建省地震局X福建交通应急广播：穿越千年，读懂应急 你要和哪位古人对话？
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要3分钟
案例：穿越千年，读懂应急 你要和哪位古人对话？
品牌：福建省应急管理厅X福建省地震局X福建交通应急广播
技术实现： html5
亮点：
- 创意定位
横幅长图的中国传统风格作品，穿越千年，回顾历史经典事件，阅读古时文献，学习环保与消防知识。
- 策划逻辑
在主题页面上滑进入作品，右滑屏幕浏览横幅长图，作品使用的是插图加文献摘录的形式，滑到事件图片时，相应旁白响起，以事件主人翁的口吻讲述自己的经历和科普相关知识，用户点击触点查看，依次是制成地震仪的张衡科普地震知识，大禹科普科学治水的知识，郑和科普台风应对方法的航海知识，刘基科普泥石流山体滑坡警示等级知识，司马光科普夏季看护孩子知识，烽火戏诸侯的周幽王科普山林防火知识，浏览完毕后用户可看到自己的观看排名和出品方名字。
- 设计上
图片绘制风格比较古风，一幅图表现经典历史，都是大家很熟悉的著名事件，看起来不会很陌生，文献知识是文言文摘选，以主人翁口吻的白话文讲述，口吻端正，重点突出，内容都是很实际的消防知识。
- 交互上
点开知识科普触点后就不能移动画面了，如果知识点详情卡没有全部在界面显示，看不完整，需要关闭后，滑动屏幕调整作品当前页面位置后再重新打开。
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
