BG大游和蓝橙互动精选H5案例（lì）合（hé）集第三期来了，一起来体（tǐ）验一下（xià）各种不（bú）同的H5案例，寻找全新（xīn）的创意灵（líng）感吧。

案（àn）例名称（chēng）：耳朵里（lǐ）的（de）小怪（guài）兽（shòu）

案例品牌：QQ音乐

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

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

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

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

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

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

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

案（àn）例品牌：人民日报（bào）新（xīn）媒体X腾讯影（yǐng）业

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

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

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

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

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

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

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

案例名称（chēng）：太空（kōng）跳跃

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

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

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

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

案例（lì）名称（chēng）：你可曾留（liú）意过（guò）那团微（wēi）光（guāng）

案例品牌：PICC中（zhōng）国人民（mín）保险

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

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

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

案（àn）例品牌：网易（yì）新闻（wén）X镁信（xìn）健康（kāng）

网易新闻与镁信健康联合（hé）出品，呼（hū）吁大家关注身边的老年人，像小时候他们悉（xī）心照顾我（wǒ）们一样去照顾他（tā）们，选择（zé）生（shēng）活（huó）注意事项（xiàng）细则，生成关爱（ài）手册。

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

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