Tencent AI Lab:AI星系漫游指南

2019-09-06 H5案例分享 H5案例分享
Tencent AI Lab:AI星系漫游指南


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

识别图中二维码

AI星系漫游指南-查阅二维码

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


案例:AI星系漫游指南

品牌:Tencent AI Lab

技术实现: html5

亮点:

  1. 创意定位

Tencent AI Lab出品的关于在AI时代遨游太空的H5作品,用户通过回答问题生成AI星系漫游海报,最后可在海报页面点击阅读AI与机器人的42个大问题,进一步的了解AI,思考人与AI机器人的长远未来。

 

  1. 策划逻辑

作品主要有三个部分

 

①主题导入。初始界面是一张地球通往未知星球的赠票,和一段邀请词,点击“开始旅程”后,作品开始加载,加载页面有文字提醒用户保持清醒,终点有42等你。

 

②问题选择。一共7道题,答案选项数量不固定,题目分别是:选三样道具陪伴去AI星系,遇到机器人表白会怎么做,对AI技术不断升级的态度,选一首喜欢的诗,能接受AI扮演飞行器中的什么角色,对看到的油画有什么感觉,看到机器人脸上有泪会怎么做。

 

③海报生成。答题完毕自动生成海报,海报名称是“你的AI星系漫游指南”,XX(用户名)专属,中间一副主图,主图上有几段指示语,解析用户的漫游终点,性格特点和愿望,下方有“AI与机器人的42个大问题”阅读链接,还有作品二维码。

 

  1. 设计上

背景是黑色的浩瀚宇宙中有点点微弱星光,每一道题都搭配了一副黑白风格的照片,照片内容与题目内容相符,让用户在回答时更有身处其境的感觉。初始页面的“会有42等你”设置悬念,与最后的“AI与机器人的42个大问题”相互呼应,增加作品完整性,达到知识普及的目的。

 

  1. 音效上

空灵微弱的背景音效,让作品沉浸在充满未来感和未知感的氛围中。

 





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

标签

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

相关推荐:

上海油罐艺术中心: A. Museum

美度:解锁你的职场潜在人格

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~