腾讯新闻:孤独宇宙树洞

2020-08-07 H5案例分享 H5案例分享
腾讯新闻:孤独宇宙树洞


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

识别图中二维码

孤独宇宙树洞-查阅二维码

完整欣赏此案例大约需要40秒


案例:孤独宇宙树洞

品牌:腾讯新闻

技术实现: html5

亮点:

  1. 创意定位

腾讯新闻推出的心情传递作品,用户在以自己为中心的小宇宙中表达心情,拥抱别人,浏览相关新闻,感受有隐私感和神秘感的虚拟交流。

 

  1. 策划逻辑

点击进入作品后,会有一个欢迎界面,显示有几个人拥抱了你,及新闻查看邀请,然后是一个暗色的浩渺宇宙,代表用户的小星球处在宇宙中心位置,点击后可查看和用表情包编辑自己的心情,然后滑动屏幕让星空移动翻转,随意点击大小星球后,可以看到别的用户写下的心情,可点击“抱抱TA”或继续点击其他星球,出现新闻标题的时候,可点击链接触点登陆腾讯新闻查看。界面上方始终显示用户数量和收到的拥抱数量。

 

  1. 立意上

用神秘的小星球代表自己,在宇宙的大小星点中寻找,星系翻转的操作界面深邃神秘,“抱抱TA”的小动作温暖别人,也治愈自己。

 

  1. 视觉上

暗色的立体宇宙效果,代表自己的小星球相对较大一点,比较显眼,其他星星点点的大小星球在暗色背景上闪着微弱光芒,数量很多,看着很可爱。





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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

天猫精灵:心声听诊室

腾讯新闻:我的520出租账单

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~