每（měi）年的4月23日为世（shì）界读书日（rì），世界各地都会举办各种各样的图书宣传活（huó）动，在此（cǐ）节点，自然也少不了各个品牌的宣传活动。乐竞官网和蓝橙互动精选H5案例分享56期，就为大家整理了（le）一下读（dú）书（shū）日H5案（àn）例（lì），一起来体验一下吧。

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

品（pǐn）牌：腾（téng）讯新（xīn）闻

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

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

案例（lì）：花城3D书摘漂流馆

品（pǐn）牌（pái）：广州读书月

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

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

案例（lì）：点亮你的思想（xiǎng）之光

出品：当当

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

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

案例：测测你身体里隐（yǐn）藏（cáng）的主角光环

品牌：网（wǎng）易（yì）有道

网易有（yǒu）道在4月（yuè）23日世界读书日推出的测（cè）试类H5，通过测试来吸引更多的用户（hù）参与读书。

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

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

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

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

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

以上就是本期为（wéi）大家带来H5案例（lì）分享，感兴（xìng）趣的朋友可以持续关注我们（men）乐竞官网和蓝橙（chéng）互动官（guān）网（wǎng）的新闻动态，或是关注乐竞官网和蓝橙互动官方微（wēi）信公众号，我们（men）会（huì）不定时（shí）向大家分享最新的优秀案例。

相关阅读：《精选H5案例合集分享（xiǎng）-55期》