每年的（de）4月（yuè）23日为世界读书日，世界各地都会举办各种各样的图书宣传活动，在此（cǐ）节点，自然也少（shǎo）不（bú）了各个品牌的宣传（chuán）活动。乐鱼和蓝橙互动精（jīng）选H5案例分享56期，就为（wéi）大家整理了一下读书日H5案例（lì），一（yī）起来体验一（yī）下吧。

案例：你是一本什么书（shū）

品牌：腾讯新（xīn）闻

这是由腾讯（xùn）在世界读书（shū）日（rì）之际推（tuī）出的（de）答题测试H5，每个人（rén）都（dōu）可以是（shì）一本独一无二的书籍，通过性格（gé）检测试题，生成自己的人生之书，进（jìn）行个人性格解析。

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

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

品（pǐn）牌（pái）：广州（zhōu）读（dú）书月

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

进入H5页面，一座大（dà）厦水平自动旋转（zhuǎn），大厦外围飘（piāo）着书名，例如《中国文化读本》、《小王子》、《三体》、《围城》等等，点（diǎn）击（jī）书名可以查（chá）看（kàn）书摘，包（bāo）括书本样式、作（zuò）者以及书（shū）本摘录（lù）。用户可以点（diǎn）击切换不同的书（shū），也可以输入书（shū）名、摘（zhāi）录生成自己书摘进行分享。

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

出品（pǐn）：当当（dāng）

当（dāng）当网为读（dú）书（shū）宣（xuān）传推出的（de）一（yī）镜到底H5，用一段穿越式的长图串联了很多名著中（zhōng）的经典（diǎn）句子，最后邀（yāo）请用户（hù）选择或上传自己喜欢的书生成海报，呼吁大家一起读书（shū），顺便宣传（chuán）品牌。

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

案例：测（cè）测你身体里隐藏的主角光环

品牌：网易（yì）有道

网易有道在4月23日世（shì）界读书日（rì）推出（chū）的测试类H5，通过测试来（lái）吸（xī）引更多的用户参（cān）与读书。

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

案例：阅过山川 益起读书

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

这是由QQ浏览器以（yǐ）“阅过（guò）山川 益起读书（shū）”为（wéi）主题推出读（dú）书宣传活动，展示若干山里需（xū）要（yào）读书（shū）的人群，然后呼吁（yù）大家通（tōng）过（guò）QQ浏览器搜“益起读（dú）书”活动（dòng），来参与阅读时长兑现公益捐书活动。

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

以上（shàng）就是本期为大家（jiā）带来（lái）H5案例分享，感兴趣的朋友可以（yǐ）持续关（guān）注我（wǒ）们乐鱼和蓝橙（chéng）互动官网的新闻动态，或是关注（zhù）乐鱼和蓝橙互动官方（fāng）微信公众号，我们会不定时（shí）向大家分（fèn）享最新（xīn）的优秀案例。

相关阅读：《精选H5案例合集分享-55期》