B体育和蓝橙互动精（jīng）选H5案例合（hé）集第三期来了，一起来体验一下（xià）各种（zhǒng）不同的H5案例，寻（xún）找全（quán）新的创意灵（líng）感吧。

案例名称：耳朵里（lǐ）的小怪（guài）兽

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

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

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

案例名称：一只小象（xiàng）的非正常（cháng）死亡

案例品牌：99公益日X局（jú）部气（qì）候（hòu）X腾讯新闻（wén）X腾（téng）讯公益（yì）

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

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

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

案（àn）例（lì）品牌（pái）：人民日报新媒体X腾讯影业（yè）

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

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

案（àn）例名称：平安（ān）银行2021年中（zhōng）报高能来袭

案例（lì）品牌（pái）：平安银行

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

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

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

案例名称：太（tài）空跳跃

案例（lì）品牌：新（xīn）华网（wǎng）X波（bō）克城市X我是航（háng）天员X太空跳跃

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

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

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

案例名称：你可曾留意过那团（tuán）微光

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

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

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

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

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

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

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

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