每年的（de）4月23日（rì）为世界读书日（rì），世界各地都会举办各（gè）种（zhǒng）各样的（de）图书宣传活动，在此节点（diǎn），自然也少不了各个（gè）品牌的宣（xuān）传活动。万象城在线登录和蓝橙互动精选（xuǎn）H5案例分享（xiǎng）56期，就为大家整理了（le）一下读书日H5案例，一起来体验一下吧。

案例：你是一本什么书

品牌：腾讯新闻

这是由腾讯在世（shì）界读书日（rì）之际推出的答题测试H5，每个（gè）人（rén）都可以是（shì）一本独一（yī）无二的书籍，通过（guò）性格（gé）检（jiǎn）测试（shì）题（tí），生成自己（jǐ）的人生之书，进行个人（rén）性（xìng）格解（jiě）析。

进入H5案例，标题呈（chéng）三维立体圆柱状围着一本书旋转，用户可滑动（dòng）界面让书变幻不同（tóng）的角度和（hé）颜色，点击“开始测试”进（jìn）入（rù）答题（tí）环（huán）节（jiē）。书本上（shàng）方旋转（zhuǎn）的标题字会变成（chéng）题目，题（tí）目设置围绕一场故事冒险展开。答题完（wán）毕（bì）后自动生成（chéng）带有用（yòng）户名的书名（míng），用户可点击切换书（shū）名，最后生成图书海报，包括书（shū）的最后样子，三个性格关键词、特质解析以及作品（pǐn）二维码。

案例：花城3D书（shū）摘漂流（liú）馆

品（pǐn）牌：广州读（dú）书（shū）月

4月23日是世界读书日，广（guǎng）州读书月的线上活动（dòng）H5，以3D全景的方式展示（shì）书摘漂流馆，不负韶华。

进入（rù）H5页面（miàn），一座大厦水平自（zì）动旋转（zhuǎn），大厦外围飘着书名（míng），例（lì）如《中国文（wén）化读本》、《小王子》、《三体》、《围城》等（děng）等，点击书名（míng）可以查看书摘，包（bāo）括书本样（yàng）式、作（zuò）者以（yǐ）及书本摘录。用户可以点击切（qiē）换（huàn）不同的书，也可（kě）以输入书名、摘录生成自己书摘进行（háng）分享。

案例：点亮你（nǐ）的思想之光

出品（pǐn）：当当

当（dāng）当网为（wéi）读书宣传推出的一镜到底H5，用一段（duàn）穿越式的长图串联（lián）了很（hěn）多名著中的经典（diǎn）句子，最后邀请用（yòng）户选择或上传自己喜（xǐ）欢（huān）的书（shū）生成海报（bào），呼吁大家（jiā）一起读书（shū），顺（shùn）便宣传品牌。

进（jìn）入H5，滑动（dòng）页面开始浏览，画（huà）面呈现了一个个名著小说中的人物以及（jí）名（míng）言名句（jù），画（huà）面末尾处提出问（wèn）题：你多（duō）久没有与文字为伴，在明亮中看（kàn）见更多。在这里，用户可以选（xuǎn）择点亮思想之光进入（rù）下一环节（jiē），也可以（yǐ）点击让故事继续。故事（shì）继（jì）续是讲述了看着手机玩着游戏的人们变得麻木，缺乏（fá）思考，最终成为流水线上产出的没有新意的生命体。点亮思想（xiǎng）之光则（zé）是邀请（qǐng）用户选择或者长传自（zì）己最爱的（de）书，生成海报，保存分享。

案例（lì）：测测你身体里隐藏（cáng）的（de）主角光环

品牌：网易有（yǒu）道

网易有道在（zài）4月23日世界读书（shū）日推出的测试类H5，通过（guò）测试来吸（xī）引更多的（de）用（yòng）户参与读书。

H5首页展示（shì）测试主题，邀请用户（hù）测（cè）测（cè）自己（jǐ）身体里的（de）主角光环，选择人（rén）物性别后即可开始测试。问题设置围绕一场（chǎng）冒（mào）险展开，包括（kuò）冒（mào）险（xiǎn）地（dì）点、出（chū）发（fā）前（qián）的准备、冒险中的收获、冒险中（zhōng）的抉择和最终结局。答题完成后生成测试结果海报（bào），解析用户（hù）的主角光环，并推荐一本与性格（gé）相符（fú）的图书。

案例：阅过山川 益起读书（shū）

品牌（pái）：QQ浏览（lǎn）器

这（zhè）是由（yóu）QQ浏览器以“阅过山川 益起读书”为主题推出读书宣传活动，展（zhǎn）示若干山（shān）里需要（yào）读书的人群，然后呼吁大家通（tōng）过QQ浏览器搜“益起读书”活动，来参（cān）与阅（yuè）读时长兑现公益捐书活动。

H5整体为一幅长图，中间有热点交互。从城市到山川，背景过渡自然（rán），青（qīng）山绿水，白云（yún）缭绕，让（ràng）用户在向下滑（huá）动的过程中，赏心悦目（mù）。西藏、云（yún）南、广西（xī）、贵州部（bù）分实景拍摄（shè），点击其中的交互热（rè）点会（huì）弹出那（nà）些渴望阅读的人，既有小孩，也有老（lǎo）人。最后（hòu）邀请用户参与公益捐书活动，以自己的读（dú）书时间（jiān）兑（duì）换捐赠图书。

以（yǐ）上（shàng）就（jiù）是本期为大家带（dài）来H5案例分享，感兴趣的朋友可以持续关注我们万象城在线登录和蓝橙（chéng）互动（dòng）官网的新（xīn）闻动态，或是（shì）关（guān）注万象城在线登录和蓝橙互动官方（fāng）微信公（gōng）众号，我们会不定时向大（dà）家分（fèn）享最新的优秀案例。

相关（guān）阅读：《精选（xuǎn）H5案例合集（jí）分享-55期》