qy千亿-qy千亿(中国)一站式服务官方网站



H5游戏制作(zuò)
H5游戏制作
H5游戏(xì)制作(zuò)
H5案例
H5开(kāi)发
扫一扫
h5定制(zhì)
h5定(dìng)制(zhì)

回(huí)到(dào)顶部

H5中动效的(de)应用(yòng)

H5制作 2022年08月(yuè)15日

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

 

1、用户体(tǐ)验的重要(yào)性

 

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

 

2、动效能(néng)实现的效果(guǒ)

 

市面上的H5动(dòng)效看似花(huā)样百出,大多基本操(cāo)作无疑是(shì)改变(biàn)图片属性:缩放、透明、旋转、移动,或是(shì)逐帧展示,再(zài)将改变的各种属(shǔ)性(xìng)集合,抓住用户(hù)的情感形成各式各样的动效(xiào)来塑造品牌形象。


H5案例

 

案例名称:《滑屏查(chá)收这(zhè)份新鲜指北》

 

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

 

H5案例


案(àn)例名称《三千旅居》

 

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

 

3、考虑加(jiā)载流畅

 

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

 

H5案例


案例名称《大象公益(yì)》

 

开篇加载(zǎi)页(yè)就很有(yǒu)意思,小象用它长长的鼻(bí)子转(zhuǎn)动,吸引(yǐn)用户兴趣,从而(ér)等待(dài)接(jiē)下来(lái)的情景,也(yě)加深(shēn)了用户对小象的印象。就是通过有趣的动(dòng)效来吸引用户,对接下来的内容产生(shēng)浓厚(hòu)的(de)兴趣并充(chōng)满(mǎn)期待。

 

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



联系QQ:2899301896

qy千亿和蓝橙互动·致力于为企业提供更高效的开发服务

qy千亿-qy千亿(中国)一站式服务官方网站

qy千亿-qy千亿(中国)一站式服务官方网站