每（měi）年的（de）4月23日为世界读书日，世界各地都会举办各种各样的图书宣（xuān）传活动，在此节点，自（zì）然也少不了各个品牌的宣传活动。完美和蓝橙互动精选H5案例分享56期，就（jiù）为（wéi）大家整理（lǐ）了一下读书日H5案例，一起来（lái）体验一下吧。

案例：你是一本什么书

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

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

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

案（àn）例：花城（chéng）3D书摘漂流馆（guǎn）

品牌：广州读书月

4月（yuè）23日是世界读书（shū）日，广州读书月的（de）线上活（huó）动H5，以3D全景的方（fāng）式（shì）展示书摘漂流馆，不负韶（sháo）华。

进入H5页面，一（yī）座（zuò）大（dà）厦（xià）水（shuǐ）平自动（dòng）旋转，大厦外围飘着书名，例如《中（zhōng）国文化读本》、《小王子》、《三体》、《围城》等等，点击书名可以（yǐ）查看书（shū）摘，包括（kuò）书（shū）本样式、作者（zhě）以（yǐ）及书（shū）本摘录。用（yòng）户可以点击切换不同的（de）书，也可以（yǐ）输入书名、摘录生成自（zì）己书摘进行分享。

案例：点亮你的思想之光

出（chū）品：当当

当当网为（wéi）读书（shū）宣传推出的一镜（jìng）到底H5，用（yòng）一段穿（chuān）越（yuè）式的长图串联了（le）很多名著中（zhōng）的（de）经典句子，最（zuì）后邀请用户选择或上传自己喜欢的书生（shēng）成海报，呼吁大（dà）家一起读书，顺便宣传品牌。

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

案例：测（cè）测你身体里隐（yǐn）藏的主角（jiǎo）光环

品牌：网易有道

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

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

案例：阅过（guò）山川 益起读（dú）书

品牌：QQ浏览器

这（zhè）是由QQ浏（liú）览器以“阅（yuè）过（guò）山川（chuān） 益起读书”为主题推出读书（shū）宣传活（huó）动，展示若干山里需要读书的人群，然后呼（hū）吁（yù）大家通过QQ浏览器搜“益起读书”活动，来参与阅读时（shí）长兑现公益捐书活动。

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

以上就是本期（qī）为大家带来H5案例（lì）分享，感兴趣的（de）朋友可以持续（xù）关（guān）注我们完美和蓝橙互动（dòng）官网的（de）新闻动态（tài），或是关注完美和蓝橙互（hù）动官方微信公众号，我们（men）会不（bú）定（dìng）时向大家（jiā）分（fèn）享最（zuì）新（xīn）的优秀（xiù）案例。

相关阅读（dú）：《精选H5案例合集分（fèn）享-55期》