球速体育和蓝橙互动（dòng）精选（xuǎn）H5案例合集第三期来了，一起来体验一下各种不同的H5案（àn）例（lì），寻找全（quán）新的（de）创（chuàng）意（yì）灵感吧。

案例名称：耳朵里的小怪兽（shòu）

案例品牌：QQ音乐

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

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

案例（lì）名称：一（yī）只小（xiǎo）象的（de）非正常死亡

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

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

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

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

案例品牌：人民日（rì）报新（xīn）媒体X腾讯影业

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

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

案例名称：平安银行2021年中报高能来（lái）袭（xí）

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

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

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

整体（tǐ）感觉很有意思，本来枯燥（zào）的财务数据，用体（tǐ）育项（xiàng）目（mù）、动效、简洁的数据图表（biǎo）和轻松的（de）交互，把平安银行的业绩、增势生动（dòng）的表达了出（chū）来，不明（míng）觉厉。

案例名称（chēng）：太（tài）空跳跃

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

新华（huá）网与波克城市联合（hé）出品，普及中国航天（tiān）事业进（jìn）程（chéng），相（xiàng）关技术，以及用户比较（jiào）关心的（de）问题答疑。用户参与有趣的小游戏，解锁航天视频，带太空员回家。

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

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

案例名称：你（nǐ）可曾留意（yì）过（guò）那团（tuán）微光（guāng）

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

中国人保“微（wēi）光开启计（jì）划”宣传作（zuò）品，讲（jiǎng）述生（shēng）活中暖心的小故（gù）事，号召用（yòng）户一起守（shǒu）护微光力量，助力温暖延续。

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

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

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

网易新闻（wén）与镁信健康联（lián）合（hé）出品，呼吁大家关注身边的老年人，像小时（shí）候他们悉心照顾我（wǒ）们一样去照顾他们，选择生活注意事项细则，生成关爱手册（cè）。

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

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