乐鱼和蓝橙互动精选H5案例合集第三期来了，一起来体验一下各种不同的H5案例，寻找全新（xīn）的创意（yì）灵（líng）感吧（ba）。

案例名称：耳（ěr）朵里的小怪（guài）兽（shòu）

案例品牌：QQ音乐

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

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

案例（lì）名称：一（yī）只小象的非正常死亡

案例品牌：99公益日X局（jú）部气候X腾讯新闻（wén）X腾（téng）讯（xùn）公益

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

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

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

案例品牌：人民日报新媒（méi）体X腾讯影业

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

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

案例名称：平安银行2021年中报高能来袭

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

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

以平安银行的橙（chéng）色为主色调，巧妙（miào）的（de）结合了奥运会的运动项目（mù），将业务和运动，交互和动效，完美结合。让大家在（zài）观赏奥运的（de）同（tóng）时，愉悦体验品牌方的年中（zhōng）财报（bào）数据（jù），动感，有趣，数据和效果，都很（hěn）亮眼。

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

案例名称：太空跳跃

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

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

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

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

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

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

中国人保“微光开启计划”宣传作（zuò）品，讲述生活中暖心的小故事，号召用户一起守护微光力（lì）量，助力温暖延（yán）续。

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

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

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

网易新（xīn）闻与镁信健（jiàn）康联合出（chū）品（pǐn），呼吁大家关注（zhù）身边的老（lǎo）年人（rén），像小时候（hòu）他们（men）悉心照顾我们一样去照（zhào）顾他们，选择生活（huó）注意事项细则，生成关爱手册。

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

相关阅读：《精选（xuǎn）H5案例（lì）合集分享-02期（qī）》