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

案例名称：耳朵（duǒ）里的（de）小怪（guài）兽

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

QQ音乐（lè）给人们带来美好聆听体验（yàn），同时也关注着有听力损失困（kùn）扰（rǎo）的孩（hái）子们，本作品让用户了（le）解听力损失给孩子们带来的影响，动动手改（gǎi）变他们的世界，制作（zuò）公益海（hǎi）报（bào），宣传公益项（xiàng）目（mù），传播爱心力量。

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

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

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

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

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

案例名称（chēng）：寻牛好运图

案例（lì）品牌：人民（mín）日报新媒体X腾讯（xùn）影业

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

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

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

案例品（pǐn）牌：平安（ān）银行

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

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

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

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

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

新华网与波克（kè）城市联合（hé）出品，普及中国（guó）航天事业进程，相关技术，以及用户（hù）比较关心（xīn）的问题（tí）答疑。用户参（cān）与（yǔ）有趣的小游戏，解（jiě）锁航天视频，带太空员回家。

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

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

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

案例（lì）品牌：PICC中国人民保险

中国（guó）人保“微光开启计划”宣传作（zuò）品（pǐn），讲述生活中暖心的小故事，号召用户一起守护微光力量（liàng），助力温暖（nuǎn）延续。

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

案例名（míng）称（chēng）：原（yuán）来，TA们也会变（biàn）成小（xiǎo）孩

案例品牌：网易新闻X镁信健康

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

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

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