吾皇母后和小格格：腾讯新闻事实派

2017-11-01 H5案例分享 H5案例分享

案例：腾讯新闻事实派

出品：吾皇母后和小格格

亮点：

策划上，微信聊天类，① loading结束，来到模拟收到微信消息的界面，你收到一条来自母后的信息，点击“信息”进入到微信聊天界面；② 摒弃了将内心OS输入文字反复删除的枯燥，一气呵成的将聊天内容全部展现，将内心真正的想法换化成插画与暖心文案；③ 最后在尾屏引出九九重阳节，耐心读懂父母心，并引出腾讯新闻事实派的slogan——真正的事实，用心觉察。
设计上，聊天界面模拟微信聊天，是写实风格；里面展现内心真正的想法的场景采用的是颗粒感的插图风格，并以橘色和淡灰作为主色调，有种温馨、温暖之感，又夹杂着点点的伤感。
交互上，通过长按进行感情解读，增加交互感的同时，更能引起体验者的情感共鸣，九月九，宜敬老爱老。
技术上，这支H5是用Flash2x做好动画直接导出html5的canvas来实现的，里面内嵌的JavaScript框架是AnnieJS。

技术实现： Zepto + Flash2x

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

识别图中二维码

腾讯新闻事实派-查阅二维码

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

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

标签