八戒体育和蓝橙互动精选H5案例合集第三期（qī）来（lái）了，一起来体验一下各种不（bú）同的（de）H5案例（lì），寻找全新的创意灵感吧。

案例（lì）名（míng）称：耳（ěr）朵里的小（xiǎo）怪兽（shòu）

案例品牌：QQ音（yīn）乐（lè）

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

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

案例名称：一（yī）只小（xiǎo）象（xiàng）的非正常死亡

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

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

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

案例（lì）名称：寻牛好运图

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

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

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

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

案例品牌：平安银行

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

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

整体感觉很有意思，本来枯（kū）燥的财务数据（jù），用体育项目、动效、简洁的数（shù）据图表和（hé）轻松（sōng）的（de）交互，把（bǎ）平安银行的业绩（jì）、增（zēng）势生动的（de）表达了出来，不明（míng）觉厉（lì）。

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

案例品牌：新华网X波（bō）克城市X我（wǒ）是航天员X太空跳跃（yuè）

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

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

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

案例名（míng）称（chēng）：你（nǐ）可（kě）曾留（liú）意过那团微光

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

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

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

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

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

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

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

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