半岛网页版和蓝橙互动精选H5案例合集（jí）第三期来了，一起来体验（yàn）一下各种不同的H5案例，寻找全新的创意灵感吧。

案（àn）例名称（chēng）：耳朵里的小（xiǎo）怪兽

案例品牌：QQ音乐

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

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

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

案例（lì）品牌（pái）：99公益日X局部（bù）气候X腾讯（xùn）新闻X腾讯公益

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

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

案例（lì）名称：寻牛好运图（tú）

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

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

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

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

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

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

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

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

案例名称：太空（kōng）跳跃

案（àn）例品牌（pái）：新华网X波克城市（shì）X我是航天员（yuán）X太空跳（tiào）跃

新（xīn）华（huá）网与波（bō）克城市（shì）联合出品（pǐn），普及（jí）中国航天（tiān）事业进程，相关（guān）技术，以（yǐ）及用户比较关心的（de）问（wèn）题答疑。用户参与（yǔ）有趣的小游戏，解锁航天视频（pín），带太空（kōng）员回（huí）家。

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

系统的介绍了中国（guó）航天事业的（de）发展（zhǎn），作品的节奏把握得很好，问答与游戏（xì）交（jiāo）叉进行，时间（jiān）长度的分配让用户（hù）玩起来既不会觉得（dé）科普太（tài）多，也不（bú）会觉得游戏（xì）太长有很难完成的压力，最后（hòu）的大合影也会有为国骄傲的亲切（qiē）感。

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

案（àn）例品牌：PICC中（zhōng）国人民保险

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

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

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

案例品牌（pái）：网易新闻X镁信健康

网（wǎng）易新闻（wén）与（yǔ）镁信健康联合出品，呼吁大家（jiā）关注身边的老（lǎo）年人，像小（xiǎo）时候他们悉心（xīn）照顾我们一（yī）样去照顾他们，选（xuǎn）择生活注意事项细则（zé），生成关爱手册。

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

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