爱游戏网页版和蓝橙互动（dòng）精（jīng）选H5案例合集第（dì）三期来了（le），一起来体验一下各种不同的H5案例（lì），寻找全新的（de）创意（yì）灵感吧（ba）。

案（àn）例名称：耳朵里的（de）小怪兽

案例品牌（pái）：QQ音乐（lè）

QQ音乐（lè）给（gěi）人们带来美好聆听体验，同时也（yě）关注着（zhe）有听力（lì）损失困扰的（de）孩子们，本作品让用户了解（jiě）听力（lì）损失给孩子们带来的影响，动动手改（gǎi）变他（tā）们的（de）世界，制作公益海报，宣传公益项目，传播爱心力量。

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

案（àn）例名称：一只小象的非正常死（sǐ）亡

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

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

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

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

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

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

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

案例名称：平安银（yín）行2021年中报高（gāo）能来袭

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

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

以平安（ān）银行的橙色为主色调，巧（qiǎo）妙的结合了奥运会的运动项目，将业务和运动，交互和动效（xiào），完美（měi）结合。让大家在观赏奥运的（de）同时，愉悦体验品牌方的（de）年中财（cái）报（bào）数据，动（dòng）感，有趣（qù），数（shù）据和效果，都（dōu）很亮眼。

整（zhěng）体（tǐ）感觉很有意思，本来枯燥（zào）的（de）财务数（shù）据，用体育项目、动效、简（jiǎn）洁的数（shù）据图表和轻松的交互（hù），把（bǎ）平安银行的业（yè）绩（jì）、增势生动的表达了出来，不明觉厉（lì）。

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

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

新（xīn）华网（wǎng）与波克城市联（lián）合（hé）出（chū）品（pǐn），普及中国航天事（shì）业进程，相关技术，以及用户比较关心的（de）问题答（dá）疑。用（yòng）户（hù）参与有趣的小游戏，解锁（suǒ）航（háng）天视频（pín），带太（tài）空员回家。

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

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

案（àn）例名称：你可曾留（liú）意（yì）过那（nà）团微光

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

中（zhōng）国人保“微光（guāng）开启计（jì）划（huá）”宣传（chuán）作（zuò）品，讲述（shù）生（shēng）活中暖（nuǎn）心的小故（gù）事，号召（zhào）用（yòng）户一起（qǐ）守护微光力量，助力温暖延续。

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

案（àn）例名称：原来，TA们也会变成小孩

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

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

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

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