腾讯新闻：你是一本什么书
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分20秒
案例：你是一本什么书
品牌：腾讯新闻
技术实现： jQuery
亮点：
- 创意定位
腾讯在世界读书日（4月23日）推出的H5，每个人都可以是一本独一无二的书籍，通过性格检测试题，生成自己的人生之书，进行个人性格解析。
- 策划逻辑
打开作品后，标题呈三维立体圆柱状围着一本书旋转，用户可滑动界面让书变幻不同的角度和颜色，点击“开始测试”，一共5道题，上方的缓慢旋转的标题字会变成题目，题目内容在下方出现，分别是你希望的人设，和爱人走散的处理方法，会被哪个故事开头吸引，会被什么治愈，读书时喜欢听的音乐，答题完毕后自动生成带有用户名的书名，用户可点击切换书名，最后生成海报，包括书的最后样子，三个性格关键词及解析，作品二维码，和其他作品跳转触点。
- 设计上
三维圆环形围绕书本转动的字体效果很有玄幻的感觉，书本也呈荧光渐变色不断变换，新颖的动态效果能一直抓住眼球，题目设定也比较有趣，猫爪，珍珠奶茶，逆天改命等答案元素，与热词热点融合，题目中作为答案节选的句子也比较熟悉，都是经典节选，做题的时候感觉很亲切。
- 音效上
节奏较快的钢琴曲，营造玄幻氛围。
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
