界面新闻：用一张照片来告别2018年吧！

2019-01-02 H5案例分享 H5案例分享

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

识别图中二维码

用一张照片来告别2018年吧！-查阅二维码

完整欣赏此案例大约需要1分26秒

案例：用一张照片来告别2018年吧！

出品：界面新闻

亮点：

策划上，①这是一个回忆类的H5。②首页是用一张照片来告别2018年,18年发生了很多大事，用哪件事来标记2018年，一共九张图片跟事件。③图片和事件都要联系在一起的，1、以下哪个品牌因难退押金上过热搜？2、“是谁的小眼睛还没看老师”中的“老师”指的是？3、我是谁，我现在慌得一批。4、滴滴下线了哪个业务？5、长春长生公司因疫苗事件被处罚没款金额为？6、2018年个税调整后，新的个税起征点是多少？7、D&G争议宣传片中出现了哪个中国符号？8、以下那种生物在2018年被大家疯狂转发？9、老一辈谢幕，新生代登场。一个轮回，一个开始。④用一张照片告别2018年，可以选择随机或者自选。随机是从九张图片中选择一张生成用这张照片标记了2018；自选是用户从中选择一张照片，然后生成用户是用这张照片标记了2018。
设计上，每一个事件都匹配这一张图片，最深刻的事，看到图片后就能知道这件事当时发生了什么，如果不清楚回答错误，有提示，答对了，可以看到下面的事件内容。
体验上，当问起2018年印象最深刻的一件事时，我们得到了这样的回答。其实，2018年还是值得的。

技术实现： Jquery iscroll vconsole canvas

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

标签