4000-888-103

资讯动态腾讯新闻:2019断舍离-腾讯新闻资讯详情

腾讯新闻:2019断舍离-腾讯新闻

2020-01-17 00:00:00

a89.jpg
b89.png

案例:2019断舍离-腾讯新闻

品牌:腾讯新闻

技术实现: EaselJS + TweenJS + SoundJS

亮点:

  1. 创意定位

腾讯出品,通过清理房间生成性格海报。

 

  1. 策划逻辑

加载界面是一个不断打开合上的纸箱子,加载完毕后,选择性别,进入手绘的房间,在房间中点击物品查看介绍,选择“扔掉”或“留下”,右上角会显示丢弃和剩余物品的数量,最多可剩余15件物品,最少可全部扔掉(猫除外),点击“我后悔了”,可召回被扔掉的物品,清理完毕后点击“完成“生成海报,点击左上角切换查看被扔掉物品和被留下物品的海报,海报上有物品百分比和用户性格描述,用户可保存海报或点击“回去接着扔”。

 

  1. 设计上

男生女生房间的物品大致相同,除了男生衣橱中是运动鞋和秋衣,女生衣橱是汉服和玩偶,男生书桌是机械键盘,蛋白粉和无线充电器,女生书桌是加湿器,瘦脸器和护肤品,其余物品,台灯,旧衣服,杂志,瑜伽垫等等,都是相同的,很符合当下年轻人的房间摆设及常用整理习惯。

 

  1. 体验上

点击“扔掉时”会有塑料袋打包的声音,增加整理房间的真实感觉,对物品的描述也很有趣,吊灯扔掉后房间会忽然黑暗,只有猫咪的眼睛时亮的,很搞笑,猫咪的“扔掉”键是灰色的,描述是“李诞is watching you”,结合了当下热点,增加用户与作品之间的共鸣。

c89 (1).jpg


关键词:h5页面案例 h5如何 h5设计网页
上一页 下一页

0
↑ 回到顶部

热门推荐

发送
//www.weibenh5.com/newhome/images/manman.png