乐竞官网和蓝橙互（hù）动精选（xuǎn）H5案（àn）例合集（jí）第三期来（lái）了，一起（qǐ）来体验（yàn）一下各种（zhǒng）不同的H5案（àn）例，寻找全新（xīn）的创意灵（líng）感吧。

案例名称：耳朵里的小怪兽

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

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

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

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

案例（lì）品牌：99公益日X局部气候X腾讯新（xīn）闻X腾（téng）讯公益（yì）

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

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

案例名（míng）称：寻牛好运（yùn）图（tú）

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

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

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

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

案例品牌：平安银行

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

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

整体感觉（jiào）很有意（yì）思，本来枯燥的财（cái）务数据，用（yòng）体育项目、动（dòng）效、简洁的数据图表和轻（qīng）松的交互，把（bǎ）平安银行的业绩、增势生动的表达了出来（lái），不明觉厉。

案例名称（chēng）：太（tài）空跳跃（yuè）

案例品牌：新华（huá）网（wǎng）X波克（kè）城市X我是航天员X太空跳跃

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

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

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

案例名称（chēng）：你可曾留意（yì）过那团微光（guāng）

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

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

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

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

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

网易新闻与镁信健康联合出品，呼吁（yù）大家关注（zhù）身边（biān）的老年（nián）人，像小时（shí）候（hòu）他们（men）悉（xī）心照顾我们一样去（qù）照顾他（tā）们，选择生（shēng）活（huó）注意（yì）事（shì）项细则，生成关爱手册。

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

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