开云官方端网站登录入口和蓝橙互动精选H5案例合集第三期来了，一起来体验一（yī）下各（gè）种（zhǒng）不同的H5案例，寻（xún）找全新的创意灵（líng）感吧。

案（àn）例名称：耳朵（duǒ）里（lǐ）的（de）小怪兽

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

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

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

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

案例品牌：99公（gōng）益日X局部气候X腾讯新闻X腾讯公益（yì）

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

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

案（àn）例名（míng）称：寻牛好（hǎo）运图

案（àn）例品牌：人民日报新媒体X腾（téng）讯影业

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

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

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

案例品牌：平安银行（háng）

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

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

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

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

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

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

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

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

案例（lì）名称：你可曾（céng）留（liú）意（yì）过那团微光

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

中国人保“微光开启计划”宣传作（zuò）品，讲（jiǎng）述（shù）生活中暖心的（de）小（xiǎo）故事，号召用（yòng）户一起守护微光力量（liàng），助力温暖延续。

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

案例（lì）名称：原来，TA们也会变成小（xiǎo）孩

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

网易新闻（wén）与镁信健康联合出（chū）品，呼吁（yù）大家关注身边的老年人，像（xiàng）小时候他们（men）悉心照顾我们一样去照顾他们，选择生活注意事项细则，生成关爱（ài）手册。

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

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