蓝（lán）橙（chéng）互动精选H5案例（lì）合集第三（sān）期来了，一（yī）起来（lái）体验一下各种（zhǒng）不同（tóng）的（de）H5案例，寻找全新的创意灵感吧。

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

案例品（pǐn）牌：QQ音乐

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

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

案例名称：一只小（xiǎo）象（xiàng）的非正常死（sǐ）亡（wáng）

案例品牌：99公（gōng）益日（rì）X局部气（qì）候X腾（téng）讯新闻（wén）X腾讯公益（yì）

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

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

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

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

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

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

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

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

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

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

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

案（àn）例名称：太空跳（tiào）跃

案例品牌：新华（huá）网X波克城市X我是（shì）航（háng）天员（yuán）X太空跳跃

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

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

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

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

案例品牌（pái）：PICC中国人民保险

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

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

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

案例品牌：网易新闻（wén）X镁（měi）信（xìn）健康

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

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

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