中读X联生活周刊：红楼百景图

2020-11-06 H5案例分享 H5案例分享

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

识别图中二维码

红楼百景图-查阅二维码

完整欣赏此案例大约需要2分钟

案例：红楼百景图

品牌：中读X联生活周刊

技术实现： html5

亮点：

中读与联生活周刊推出的娱乐性测试作品，在作品中回顾红楼梦经典情节，同时进行情景测试，最后生成性格海报。

作品主要有三个环节

①导入

导语讲述了“你”作为将军之女因家父外出巡视，去贾府借住，点击开始测试，贾府大门打开，镜头缓缓进入。

②测试

情景与问题依次浮现，每道题答案四选一，分别是“你”初到贾府自我介绍的方式，选择一样美食，抽到难解的花签你作何反应，在贾府印象最深的场景，偷听别人讲话被发现会怎么办，离开后听说晴雯病重会送什么礼物。

③海报

回答完毕海报生成，包括“你”的外在性格和内在性格与哪位贾府人员相似，解析语及人物形象图，下方有触点可分享作品或重新测试。

手绘作品，画风很有古典韵味，人物刻画得也很细致，表情动作符合人物性格，黛玉葬花，刘姥姥进大观园，晴雯撕扇等经典情节再现，让用户测试的同时也回顾了一下经典名著。

作品节奏较缓慢，镜头慢慢推动，进入大门，来到人物身边，还有从枝叶中穿过的视觉效果设计，仿佛真的在贾府中悠闲踱步。

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

标签