开云和蓝橙互动精选H5案例合集第（dì）三期来了，一（yī）起来体验一下（xià）各种不同的H5案例（lì），寻（xún）找全（quán）新的创意灵感吧。

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

案例品牌：QQ音乐

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

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

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

案例品牌：99公益日X局部气候X腾讯新闻X腾讯公益

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

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

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

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

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

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

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

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

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

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

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

案例名称：太空跳跃

案例品牌（pái）：新华网X波（bō）克（kè）城市X我是航天员X太空跳跃

新华网与波克城市（shì）联合（hé）出品，普及中国（guó）航天事业进程，相关技术，以及用户比较关心的问题答（dá）疑。用户参与有趣的小游戏，解（jiě）锁航天视频，带太（tài）空（kōng）员回（huí）家（jiā）。

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

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

案例（lì）名（míng）称：你可（kě）曾（céng）留意过那团（tuán）微光（guāng）

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

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

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

案例名称：原来，TA们也（yě）会变（biàn）成小（xiǎo）孩（hái）

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

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

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

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