乐鱼和蓝橙互（hù）动精选H5案例合集第三期来了，一（yī）起来体验一下各（gè）种不同（tóng）的H5案例（lì），寻（xún）找全新的创意（yì）灵感（gǎn）吧。

案例（lì）名称：耳朵里的（de）小怪兽

案例品牌：QQ音（yīn）乐

QQ音乐给人们带来（lái）美好聆听体验，同时也关注着有（yǒu）听力损失（shī）困扰的孩子们，本作品让用户了解听力损失给孩子们（men）带来（lái）的（de）影响，动动手（shǒu）改变他们的世界，制（zhì）作公（gōng）益海报，宣传公益项目，传播爱心力量。

开始是一小段黑白动画，讲述了一个爱找孩子麻烦的小怪兽（shòu），跟（gēn）听力受损后孩子耳中的音乐一样不被孩（hái）子喜欢，根据提示拉动名为“制作低（dī）频音乐（lè）”的滑竿，被滑竿（gān）横向延伸到的区（qū）域会变成彩色，下方有制作进度，滑竿拉完（wán）画面完全变（biàn）成（chéng）彩色，用户点击下一（yī）步（bù），选（xuǎn）择孩子们绘制（zhì）的封（fēng）面，内容，和标题（tí），输入名字，生成海报，包括公益宣传（chuán）官证（zhèng）书名称，效果图（tú），参与（yǔ）人数，感谢语，用户可保存海报或收听公（gōng）益专辑。

案例名称：一只（zhī）小象的（de）非（fēi）正常死亡

案例品牌：99公（gōng）益日X局部气候X腾（téng）讯新闻X腾讯公（gōng）益

由（yóu）于人（rén）类的滥砍滥伐，以（yǐ）及偷猎状况的存在，热带（dài）雨（yǔ）林面（miàn）积急（jí）剧（jù）缩小，象群也挣扎（zhā）在生存的边缘，本作品用一只（zhī）天真可（kě）爱的（de）小象（xiàng）被虐待（dài）和（hé）死亡的故事，引发人们的思索与共情，用弱小无辜者的被害引发人们的恻隐之心，号召更多的人宣传象群保护公益项（xiàng）目，加（jiā）入象群保护行动。

一个比较（jiào）长（zhǎng）的故事（shì），详细讲述了一只可爱单纯小（xiǎo）象短暂的快乐瞬（shùn）间（jiān），和（hé）痛苦的（de）漫长生活（huó），凄怆的（de）背景音乐，除了短暂出现的（de）绿色森林和小伙伴陪伴以（yǐ）外，都是暗色背（bèi）景（jǐng）下小象的茫（máng）然（rán）行走，孤独生活（huó），和可怜的挣（zhèng）扎，以及被（bèi）虐待后流着（zhe）血死在了（le）“热带雨林欢迎您（nín）”的招牌下（xià），招牌上象（xiàng）群（qún）的（de）微笑吟吟（yín），与惨死的小象形（xíng）成讽刺的（de）对比，让用户深刻体会人类的自私（sī）给象群带（dài）来的沉重伤害 

案例名称：寻牛好运图

案（àn）例品（pǐn）牌（pái）：人民日（rì）报新媒体X腾讯影业

点开画卷，左滑浏览，找到隐藏在画里的牛，点击后（hòu）出（chū）现牛的名片，包括（kuò）名称，学（xué）业（yè）牛，事业牛，运势（shì）牛，爱情牛等，与寓意吉祥的简（jiǎn）短古文讲（jiǎng）解，右上角有一分（fèn）钟倒（dǎo）计时和已找到的牛的数量，八头牛全（quán）部找（zhǎo）出后，可以合成金色牛卡（kǎ），最后（hòu）用户在金色（sè）牛（niú）卡和八个普通（tōng）牛卡中选（xuǎn）择一（yī）个，生成（chéng）祝福海（hǎi）报（bào）。

横幅作品（pǐn），画幅较长（zhǎng），棕黄色调为主，是传统古画的风格。近景是年画中的各种胖娃娃在玩耍嬉闹，稚气（qì）可爱福（fú）气满满，远景是现代化建（jiàn）设的（de）诸多产物，5G信号塔，高铁动车，钢索斜拉桥（qiáo）等，表（biǎo）现（xiàn）了祖国高（gāo）速建设发展下（xià）的繁荣（róng）景象。

案例名称：平安银（yín）行2021年中报高（gāo）能来袭

案（àn）例品牌：平安银行

平安银行2021年中财（cái）报，结合奥运会比赛项目把各财报数据动态展现（xiàn）出来（lái），交（jiāo）互（hù）简（jiǎn）单（dān），动（dòng）效简洁，把各（gè）个运动项目（mù）经典动作融合其中，让用（yòng）户（hù）在轻松中，浏览数据，阅读财报（bào）。

以（yǐ）平安银行的橙色为主色（sè）调（diào），巧妙的结合了奥运会的（de）运动项（xiàng）目（mù），将业务和运动，交互和动效，完美结合（hé）。让大家（jiā）在观赏（shǎng）奥运的同时，愉悦（yuè）体验（yàn）品牌方的年中财报（bào）数据，动感，有趣（qù），数（shù）据和效果，都（dōu）很亮眼。

整体感（gǎn）觉很（hěn）有意思，本来枯燥的财务数据，用体育（yù）项目、动（dòng）效、简洁（jié）的数（shù）据（jù）图表（biǎo）和轻松的交互，把平安银行的业绩、增势生动的表（biǎo）达了出来，不明觉厉。

案（àn）例名称：太空跳（tiào）跃

案例品牌：新华网（wǎng）X波克城市X我是（shì）航天（tiān）员X太空跳跃

新华网（wǎng）与波克城市联（lián）合出品，普及中国航天事业进程（chéng），相关技术，以及用（yòng）户比较关（guān）心的问题答疑。用户参（cān）与有（yǒu）趣的小游（yóu）戏，解锁航天视频，带（dài）太空员回家（jiā）。

打（dǎ）开作品，选择角（jiǎo）色，男生或女生，开始闯关，一共五关，每关开始前（qián），会有此（cǐ）阶段（duàn）航空成绩（jì）简述，角色与此阶段宇航主角对话解疑，他们分别是科（kē）学家，航天员，玉兔号，祝融（róng）号。然（rán）后开始跳跃（yuè）层级接星星游（yóu）戏，右方有进（jìn）度条，第（dì）三（sān）关（guān）通（tōng）过（guò）后可解（jiě）锁宇航服皮肤，右（yòu）上角有关卡进度。通过五（wǔ）关后，总（zǒng）得分跳出，一（yī）段30秒的动画视屏自动（dòng）播放，内容是宇（yǔ）航员飞向太空飞（fēi）船，降（jiàng）落仓缓（huǎn）缓落地，四（sì）位（wèi）宇（yǔ）航员（yuán）出（chū）仓，点击触点（diǎn）生成合影海报（bào）。

系统的（de）介绍了（le）中国（guó）航天事（shì）业的发（fā）展，作品的节奏把握得很好，问答与游戏交叉（chā）进行（háng），时间长度的分配让用户玩起来既不会觉得科普太多，也不会觉得游戏（xì）太长有很难完成的压力，最后的大（dà）合影也（yě）会有为国骄傲的亲切感。

案（àn）例名称：你可曾留意（yì）过那（nà）团微光

案例品（pǐn）牌：PICC中国（guó）人民保险

中国（guó）人保“微光开启计划”宣传作品（pǐn），讲述生活（huó）中暖心的小故事（shì），号召用户一起守护微光（guāng）力（lì）量，助（zhù）力（lì）温暖延（yán）续。

上（shàng）滑屏幕查看竖型（xíng）长幅漫（màn）画（huà），三个小故事，分别是给女儿买（mǎi）了（le）生日礼物的（de）出租车司（sī）机爸爸为了送早产的孕（yùn）妇去医院而错过了女儿生日;2020年情（qíng）人节，因疫情爆发而没能如期（qī）履行婚礼诺言（yán）的男医生在病（bìng）房给医生（shēng）女友（yǒu）准备（bèi）惊喜（xǐ），两人穿着防护服深情相拥（yōng）；暴雨引发的洪水将至，一位老奶奶救助流浪猫一家，带（dài）着它们一起上救生艇（tǐng）。最后是（shì）微（wēi）光宣（xuān）传（chuán）语，用户输入名字，生成参加活动（dòng）海报。

案例名称：原来，TA们也会变成小孩（hái）

案例品牌：网易新闻X镁信健（jiàn）康

网易新闻与镁信健康联（lián）合出品，呼吁大家关注身边的老（lǎo）年人，像小时候他们悉心照顾我们（men）一样去照（zhào）顾他们，选（xuǎn）择生（shēng）活（huó）注意事项细（xì）则（zé），生成关爱（ài）手册。

手绘的构图相同的漫画，让（ràng）用户体（tǐ）会阿尔茨（cí）海默（mò）症老人与一些年迈老人（rén）的小孩（hái）儿化行为，理解像对待小孩儿一样去照顾他（tā）们的呼吁。关爱手册的制（zhì）作环节（jiē），既是（shì）心意表达，也是预防指南，可以（yǐ）仔细学习一下，家中有老（lǎo）人的可以应用（yòng）到实（shí）践中（zhōng），将关爱（ài）老人的倡导（dǎo）落实到行动中，增进亲情互动，也帮助（zhù）老人预防阿尔茨海默症。 

相关阅读：《精选H5案例合（hé）集分享-02期》