欧宝网官方站入口和蓝橙互动精选H5案（àn）例合集第（dì）三期来了，一起来体验一下各（gè）种不同的H5案（àn）例，寻找全新的（de）创意灵感吧。

案例名（míng）称：耳朵（duǒ）里（lǐ）的小怪兽

案例品牌：QQ音乐

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

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

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

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

由于人类的滥（làn）砍滥伐，以及偷（tōu）猎状况的（de）存在，热带雨林面积急剧缩（suō）小，象群也挣扎在生存的边缘，本（běn）作（zuò）品用一只天（tiān）真可爱的小象被虐待和死亡（wáng）的故事，引发人们的思（sī）索与共情，用弱小无辜者的被害引发（fā）人（rén）们（men）的恻隐之心，号召更多的人宣（xuān）传（chuán）象群保护公益项目，加入象群保护（hù）行（háng）动。

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

案例名称：寻牛好运图

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

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

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

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

案例品牌：平（píng）安银行

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

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

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

案例名称：太空跳跃（yuè）

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

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

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

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

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

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

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

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

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

案例（lì）品牌：网易新（xīn）闻X镁信健康

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

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

相关阅读：《精选H5案例合集分享-02期》