新利






      H5游戏制作(zuò)
      H5游戏(xì)制作
      H5游戏(xì)制作
      H5案例
      H5开发
      扫一(yī)扫
      h5定制
      h5定制

      回到顶部

      H5中动效的应用

      H5制作 2022年(nián)08月15日

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

       

      1、用户(hù)体验的重要性

       

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

       

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

       

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


      H5案(àn)例

       

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

       

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

       

      H5案例(lì)


      案例名称《三千旅居》

       

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

       

      3、考虑加载(zǎi)流畅

       

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

       

      H5案(àn)例


      案例名称《大象公(gōng)益》

       

      开篇加载页就很有意思(sī),小象用它长长(zhǎng)的(de)鼻子转动,吸引用户兴趣,从而等待接(jiē)下来的情景,也(yě)加深了(le)用户对小象的印象。就是通过有趣的(de)动效来吸(xī)引用户,对接下来的内容产生浓厚的兴(xìng)趣并充满期待。

       

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



      联系QQ:2899301896

      新利和蓝橙互动·致力于为企业提供更高(gāo)效的开发服务

      新利

      新利