蓝（lán）橙（chéng）互动精选H5案例合集第（dì）三（sān）期（qī）来了，一起来体验（yàn）一（yī）下各种不同的（de）H5案例，寻找全新的（de）创意（yì）灵感吧。

案例名称：耳朵里的小（xiǎo）怪兽

案例品牌：QQ音乐（lè）

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

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

案例名称：一只小象的非（fēi）正（zhèng）常死（sǐ）亡

案（àn）例品牌：99公益日（rì）X局部气候X腾讯新闻X腾讯公益（yì）

由（yóu）于人类的滥（làn）砍滥伐，以及偷猎状况的存在，热带雨（yǔ）林面积（jī）急剧缩（suō）小（xiǎo），象群（qún）也（yě）挣（zhèng）扎在生（shēng）存的边（biān）缘，本作品（pǐn）用一（yī）只天真可爱的小（xiǎo）象被虐（nuè）待和死亡（wáng）的故事，引发人（rén）们的思索与共情，用（yòng）弱小无辜者（zhě）的被害引（yǐn）发人（rén）们的恻隐之心（xīn），号召更多的人宣（xuān）传象群（qún）保护公益项目，加入象群保护行动。

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

案（àn）例名（míng）称：寻牛好运图（tú）

案例品牌：人民日报（bào）新媒（méi）体X腾讯影业

点开画卷，左（zuǒ）滑浏览，找到（dào）隐藏在画（huà）里的（de）牛，点击（jī）后出现（xiàn）牛的名片，包括（kuò）名称，学业牛，事（shì）业牛，运势牛，爱（ài）情牛等，与寓（yù）意吉祥的简短（duǎn）古文（wén）讲解，右上角有一（yī）分钟倒（dǎo）计时和（hé）已（yǐ）找到的牛的数量，八头牛全部（bù）找出后，可以合成金（jīn）色牛卡，最后用户在金色牛卡和八个普通牛卡中选（xuǎn）择一个，生成祝福海报。

横（héng）幅（fú）作（zuò）品，画（huà）幅较长，棕黄色（sè）调为主（zhǔ），是传统古（gǔ）画的风（fēng）格。近景是年画（huà）中的各种胖娃娃在玩耍嬉闹，稚气可爱（ài）福气满满，远景是现代化建设的诸多（duō）产物，5G信（xìn）号塔，高铁动车，钢索斜拉桥（qiáo）等，表现了祖国（guó）高速（sù）建设发展下的（de）繁荣景象。

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

案例品（pǐn）牌：平安银（yín）行（háng）

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

以平安银行的橙色为主色调，巧妙（miào）的结合了奥运会的运动（dòng）项目，将业务和运动（dòng），交互和动效（xiào），完美（měi）结合（hé）。让大（dà）家在观（guān）赏奥（ào）运的同时，愉（yú）悦体验品牌方（fāng）的年中财报数（shù）据，动感，有趣，数据（jù）和效（xiào）果，都很（hěn）亮（liàng）眼（yǎn）。

整（zhěng）体感觉很有意思，本来枯（kū）燥的财务数据（jù），用（yòng）体育项目、动效、简（jiǎn）洁的数据图（tú）表（biǎo）和轻松（sōng）的交互，把平（píng）安银（yín）行的业（yè）绩（jì）、增势（shì）生动的（de）表达了出来（lái），不明觉厉。

案例名称：太空跳跃

案例品牌：新华网X波克城市（shì）X我是航天员X太空跳跃（yuè）

新华网与波克城市（shì）联合出品，普及（jí）中（zhōng）国航天事业进程，相关（guān）技（jì）术，以及用户比（bǐ）较关心的问题答（dá）疑。用户参与（yǔ）有趣的小（xiǎo）游（yóu）戏，解（jiě）锁（suǒ）航天视频，带太空员回家。

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

系统的介绍（shào）了中国航天事（shì）业的发展，作（zuò）品的节奏把握得很（hěn）好，问（wèn）答与（yǔ）游戏交叉进行（háng），时间长（zhǎng）度的分配让用户玩（wán）起来既不会觉得科普太多，也（yě）不会觉得（dé）游戏太长有很难完成的压力，最后的大（dà）合影（yǐng）也会有（yǒu）为国骄傲的亲（qīn）切感（gǎn）。

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

案（àn）例品牌：PICC中国人（rén）民（mín）保险

中国人保“微光开启计划”宣传作品，讲（jiǎng）述生活（huó）中（zhōng）暖心（xīn）的小故事，号（hào）召用户一起守护微（wēi）光力量，助力温暖（nuǎn）延（yán）续。

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

案例名（míng）称：原来（lái），TA们也会变（biàn）成小孩

案例品牌：网易新闻X镁信（xìn）健康（kāng）

网易新闻与（yǔ）镁（měi）信健康（kāng）联合出品，呼吁大家关注身（shēn）边的老年人，像小时候他们（men）悉心照顾我们（men）一样去照顾他（tā）们，选择生活注意事项细则，生成关爱手册。

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

相（xiàng）关（guān）阅（yuè）读：《精选H5案例合集分享-02期》