万象城在线登录和蓝橙互动精选H5案例合（hé）集第（dì）三期（qī）来了（le），一（yī）起来体验一下各种不同的（de）H5案例（lì），寻找全新的创意灵（líng）感吧。

案例名称（chēng）：耳朵里的小怪兽

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

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

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

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

案例品（pǐn）牌：99公益（yì）日X局（jú）部气候（hòu）X腾（téng）讯新闻X腾讯（xùn）公（gōng）益

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

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

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

案例（lì）品牌（pái）：人（rén）民日报新媒体X腾（téng）讯影业

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

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

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

案例（lì）品牌：平安银（yín）行

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

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

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

案（àn）例名（míng）称：太空跳跃（yuè）

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

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

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

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

案例名称：你可（kě）曾（céng）留意过（guò）那团微光（guāng）

案例品（pǐn）牌：PICC中国人民保险（xiǎn）

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

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

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

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

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

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

相关阅读：《精选（xuǎn）H5案（àn）例（lì）合集（jí）分享（xiǎng）-02期》