B体育(BSports)官方网站












H5游(yóu)戏(xì)制作(zuò)
H5游戏制作(zuò)
H5游戏(xì)制作
H5案例
H5开发
扫一扫(sǎo)
h5定制(zhì)
h5定制

回到顶部

H5中动效的应用

H5制作 2022年08月15日

随着互联网时代的发展,手机上网已经成为人们日(rì)常(cháng)生活的部分,企业(yè)已经从过去传(chuán)统的广告模式中走出来,移动营销成为企业(yè)推广的重要方式,而移动营销中,H5作为(wéi)营销的传播工具,在(zài)企业推(tuī)广中起(qǐ)着至关重(chóng)要的作用。H5营销不仅自身(shēn)附带推广,且H5形(xíng)式众多,花样百(bǎi)出,利用有趣的交互或者各种奖励机制(zhì)促使(shǐ)用户(hù)二次(cì)传(chuán)播,形成病毒营销,提高品牌的曝光量。下面,B体育和蓝橙互动就给大家聊聊H5中动效的应(yīng)用方式。

 

1、用户体(tǐ)验(yàn)的重要性(xìng)

 

从内(nèi)容与推广(guǎng)出发,再结(jié)合当(dāng)下信息时代和用户特征,思考H5如(rú)何才能更好的具有传播(bō)力,动效无疑(yí)是提升(shēng)用户体验(yàn)的重要手段。我们所见的(de)H5都可以制作动效,以展示为主的H5常(cháng)见的(de)应用场景包含邀请(qǐng)函、账单、产品宣传(chuán)、品(pǐn)牌广告、节日营销等,动效(xiào)结合(hé)简单交互来营造品(pǐn)牌(pái)营(yíng)销氛围(wéi),达到(dào)提高(gāo)品(pǐn)牌认知度和宣传品牌形象的目的。

 

2、动效能实现的效(xiào)果

 

市面上的(de)H5动效看(kàn)似花样百出,大多(duō)基(jī)本操作无(wú)疑是改变(biàn)图片属性:缩放、透明、旋转、移动,或是逐帧展示,再将改变的各种属性集合,抓住用户的(de)情感形成各式(shì)各样的动效来塑造品牌形象。


H5案(àn)例

 

案例(lì)名称:《滑屏查收这份新鲜(xiān)指北》

 

此(cǐ)H5运用最多的属性变化则是通过改变位置来形成动(dòng)效(xiào),开篇一段(duàn)弹(dàn)幕的形(xíng)式展(zhǎn)现,拉动活(huó)跃的气(qì)氛,用户情感(gǎn)一下就被带动了(le),加载完后出现新希望首页,随着位置变化(huà)整体节奏是带有抖音的故障风,整体动(dòng)感活(huó)跃,跟(gēn)着新希望吉祥(xiáng)物奶牛的节奏,通过手指滑动展现当代年(nián)轻人对生活的各种追求(qiú),代(dài)入(rù)情景中,与用户产生共鸣。元素本身的位移与滑动的同时前(qián)后元素的位移(yí),形成前后空间感,让画面更立体。最后再展示第六(liù)届中国好鲜奶-新鲜盛典(diǎn)的具体(tǐ)信(xìn)息。完了引导用户(hù)参与DOU音话题或者跳转产品链接,增加曝光与成交量。

 

H5案例


案例名称《三千旅居》

 

开篇选择角色,用第(dì)一人称的(de)角度,长按画面控制(zhì)前行或后退(tuì),同样(yàng)是通过位(wèi)置的移动,来展示(shì)我游(yóu)历各大地标景(jǐng)色的过程,途(tú)中经过的各地标也(yě)表明了三千旅居品牌全国化,点击景点可以生(shēng)成三千旅(lǚ)居(jū)宣(xuān)传海报,和(hé)扫描二维码查看更多品牌活动,旨在通过动画展示场景(jǐng)来宣传三千旅居品牌(pái)的作用。与上一个H5案例(lì)不同的是,用户滑(huá)到的位置才会(huì)有相应的元素展示,互动形式简单易懂,不会增加用户负担,品牌宣传效果(guǒ),用户体验也(yě)极佳。

 

3、考(kǎo)虑加载流畅

 

2G到5G,在这个互(hù)联网时代,人们(men)从未停止(zhǐ)对网络速度的追求,展示内H5大(dà)多内容较(jiào)多,素材(cái)较大,站在用户的角度,加载的流畅性是必不可少的,可以想(xiǎng)象,原本用户感(gǎn)兴趣(qù)的一支H5,点(diǎn)进(jìn)去(qù)之后加载很久都不能进去(qù),大概率兴趣度会(huì)从80%降(jiàng)为20%,甚至失去耐(nài)心,导致退出。对于这种情(qíng)况,1是考(kǎo)虑分部(bù)加载,尽(jìn)量减少初步加载(zǎi)太多导致用户焦急等待的烦躁,2是(shì)在加(jiā)载或过渡阶段,制作(zuò)有趣的动效来吸引用户,提升体验。

 

H5案(àn)例


案例(lì)名(míng)称(chēng)《大象公(gōng)益》

 

开篇(piān)加载页就很(hěn)有意思(sī),小(xiǎo)象用它长长的鼻子转(zhuǎn)动,吸引用户兴趣,从(cóng)而(ér)等(děng)待接下来(lái)的情景,也加深了用户对小(xiǎo)象的(de)印象。就是通过有趣的动效来吸引用户,对接下来的内容(róng)产生浓(nóng)厚的兴趣并充满期待。

 

以上,列举了部分动效在H5中(zhōng)的运(yùn)用,可以看出一支优质的H5游戏(xì),都是站在用户的(de)角度(dù)思考,寻求怎(zěn)么给(gěi)用(yòng)户更好的使用体验的同时,传播品牌,达到最佳营销效果。



联系QQ:2899301896

B体育和蓝橙互动(dòng)·致力于为企(qǐ)业提供更高效的开发服务

B体育(BSports)官方网站

B体育(BSports)官方网站