完美和蓝橙互动（dòng）精选H5案（àn）例合集第三期来了，一起来体验一下各种不同的H5案例，寻（xún）找全新的创意灵感吧。

案（àn）例名称：耳朵里的小怪兽

案例品（pǐn）牌：QQ音乐

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

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

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

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

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

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

案（àn）例名称：寻牛（niú）好运图

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

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

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

案（àn）例名称：平安银行（háng）2021年中报高能来袭

案例品牌：平安银行

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

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

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

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

案例品牌：新华网X波克（kè）城（chéng）市X我（wǒ）是航天员X太空跳（tiào）跃

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

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

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

案例名（míng）称：你可曾留意过（guò）那团（tuán）微光

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

中国人保“微光开启计划”宣传（chuán）作品，讲述生（shēng）活中（zhōng）暖心的小故（gù）事，号召用（yòng）户一起守（shǒu）护微光力量（liàng），助力（lì）温暖延续。

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

案例（lì）名称（chēng）：原来，TA们也会变成小孩

案例品（pǐn）牌：网（wǎng）易新闻X镁信（xìn）健康

网易新闻与镁信健（jiàn）康联合出品（pǐn），呼吁大家关注（zhù）身（shēn）边的老年（nián）人，像小时（shí）候他们悉（xī）心照顾我（wǒ）们一样去照顾他们，选（xuǎn）择生（shēng）活注意事项（xiàng）细则，生成关爱（ài）手册。

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

相关阅读（dú）：《精选H5案例合集分享-02期（qī）》