开云手机站登录入口-开云online(中国)


  • H5游戏制作
    H5游戏制作
    H5游戏制作
    H5案例
    H5开(kāi)发
    扫一扫
    h5定制
    h5定制

    回到顶部

    精(jīng)选(xuǎn)H5案(àn)例合集分享-03期

    H5案(àn)例 2021年(nián)10月19日

    开云手机站登录入口和蓝橙互动精选H5案(àn)例合集(jí)第(dì)三期来了,一起来体验一(yī)下各种不同的H5案例(lì),寻找全新的(de)创意灵(líng)感吧。


    案例(lì)名称:耳朵(duǒ)里的小怪(guài)兽


    案例品牌:QQ音(yīn)乐(lè)


     H5案(àn)例


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

     

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


    案例名称:一只(zhī)小象的非正(zhèng)常死(sǐ)亡


    案例品牌(pái):99公益日X局部气候X腾讯(xùn)新闻X腾讯公(gōng)益


     H5案例


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


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

     

    案例名称:寻牛好(hǎo)运图(tú)


    案例品牌:人民日报新(xīn)媒(méi)体X腾讯影(yǐng)业


     H5案例


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

     

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


    案例(lì)名称:平安银行2021年中报高能来袭(xí)


    案例品牌:平安银行(háng)


     H5案例


    平安银(yín)行(háng)2021年中财报,结合奥运会比赛项目把各财报数据动态展(zhǎn)现出来,交(jiāo)互简单,动效简洁(jié),把(bǎ)各个(gè)运动项目(mù)经典(diǎn)动作融合其中(zhōng),让用户(hù)在轻松中,浏览(lǎn)数据,阅读财报。

     

    以平安银行的橙色为主色(sè)调,巧妙的结合(hé)了奥(ào)运会的(de)运(yùn)动项目,将(jiāng)业务和运动,交互和(hé)动效,完美结合。让大家在观赏奥运(yùn)的(de)同时,愉悦体验品(pǐn)牌方的年中财(cái)报数据(jù),动感,有趣,数(shù)据和效(xiào)果,都很(hěn)亮眼。

     

    整体(tǐ)感觉很有意思,本来枯燥的财务(wù)数据,用体育项目、动效、简洁的数(shù)据图表和轻松的交互,把平安银行(háng)的(de)业绩、增势生动的表达了(le)出来,不(bú)明觉厉。


    案例名称(chēng):太空跳(tiào)跃(yuè)


    案例(lì)品牌:新华网X波克城市X我是(shì)航天员X太空(kōng)跳跃


     H5案(àn)例


    新华网(wǎng)与波克城市联合出(chū)品,普及中国航天事业进程,相关技术,以及(jí)用户(hù)比较关心的问题答疑。用(yòng)户参与有趣的小游戏,解锁航天视频,带(dài)太空员回家。

     

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

     

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


    案例名(míng)称(chēng):你可曾(céng)留意过那团微光


    案例品牌:PICC中国人民保险


     H5案例


    中国(guó)人保“微光(guāng)开启(qǐ)计划”宣传作品(pǐn),讲述生活(huó)中暖心的小故事,号召用户一起守护微(wēi)光(guāng)力量,助力温暖延续。

     

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


    案例名称(chēng):原来,TA们也会变(biàn)成(chéng)小孩(hái)


    案(àn)例品牌:网易新闻X镁信健康


     H5案例


    网(wǎng)易新闻与镁信健康联(lián)合出品,呼吁大家关注(zhù)身(shēn)边的老年人,像小时候他们悉心照顾我们一样去照顾他们,选择生活(huó)注意事项细则,生成(chéng)关爱手(shǒu)册。

     

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




    相(xiàng)关阅读:《精选H5案例合集分(fèn)享(xiǎng)-02期


    联系QQ:2899301896

    开云手机站登录入口和蓝橙(chéng)互动·致力于为企业提供更高效的开发服务(wù)

    开云手机站登录入口-开云online(中国)

    开云手机站登录入口-开云online(中国)