H5中动效的应用
随着互联网时(shí)代的发展,手机上(shàng)网已经成(chéng)为(wéi)人们日常生活的部(bù)分,企业已(yǐ)经从(cóng)过(guò)去传统的广告模式中走出来,移动营销成为企业推广的重要方式,而移动营销(xiāo)中,H5作为营(yíng)销的传播(bō)工具(jù),在企业推广中(zhōng)起(qǐ)着至关(guān)重要的作用。H5营销不仅自身(shēn)附带推广,且H5形式众多,花样(yàng)百出,利用(yòng)有趣的交(jiāo)互或者各种奖励机制促使用户二次(cì)传播,形成病毒(dú)营销,提高品牌的曝光量。下面(miàn),开云官方端网站登录入口和蓝橙互动就给大家聊聊H5中动效的应用方式。
1、用户体(tǐ)验(yàn)的重(chóng)要(yào)性
从内容与推广出发,再结合(hé)当下(xià)信息时代和用户特征(zhēng),思(sī)考H5如何才(cái)能更(gèng)好的具有传播力,动效无疑是提升用(yòng)户(hù)体验的重要(yào)手段。我们所(suǒ)见(jiàn)的H5都可以制(zhì)作动效,以展示为主的(de)H5常(cháng)见的应用场景(jǐng)包含邀请函、账单、产品宣传、品牌(pái)广告(gào)、节日营销等(děng),动效结合简单交互(hù)来营造(zào)品牌营销(xiāo)氛围,达(dá)到提(tí)高(gāo)品牌认知(zhī)度和(hé)宣传(chuán)品牌(pái)形象(xiàng)的目的。
2、动效能实现的效(xiào)果
市面上的H5动效看似花样百出,大(dà)多基本操(cāo)作无疑是(shì)改(gǎi)变图片属性:缩放、透明、旋(xuán)转、移动,或是逐帧展示,再(zài)将改变的各种属性集合,抓住用户的(de)情感形(xíng)成(chéng)各式各样的动效来塑(sù)造品牌形(xíng)象。
案例名称:《滑屏查收这(zhè)份新鲜指北》
此H5运用最多的属性变化则是(shì)通过改变位(wèi)置来形成(chéng)动效,开(kāi)篇一段弹幕的形式展现,拉动活跃的气氛(fēn),用(yòng)户(hù)情(qíng)感(gǎn)一下(xià)就被带动了(le),加(jiā)载完(wán)后出现新(xīn)希望首页,随着位置变(biàn)化整体节奏是带有抖音(yīn)的故障风,整体动感(gǎn)活跃,跟(gēn)着新希望吉祥物奶(nǎi)牛的节奏,通过手指滑动(dòng)展现当代年轻人对生活的各种追求,代入情景中,与用户产生共鸣。元素(sù)本身的位移与滑动(dòng)的同时前后元素的位移,形成前后空间感(gǎn),让画面更(gèng)立体。最(zuì)后(hòu)再展示第六(liù)届中国好鲜奶-新鲜(xiān)盛典的具体信息。完了引导用户(hù)参与DOU音话题(tí)或者跳转产品链接,增加曝光与成交量。
案例名称《三千(qiān)旅居》
开(kāi)篇选择角色,用第一人称的角度,长(zhǎng)按画面控(kòng)制前行或后退(tuì),同样是通过位置的移动,来展示我游历各大地(dì)标景(jǐng)色的过程,途中(zhōng)经过的(de)各地(dì)标也(yě)表明(míng)了三千旅居品牌全国(guó)化,点击景点(diǎn)可以生(shēng)成三千旅(lǚ)居宣传海报,和扫描二维码查看更多品牌活动,旨在通过动画展示场景(jǐng)来宣传(chuán)三千(qiān)旅(lǚ)居品牌的作用。与上一个H5案例(lì)不同的是,用户(hù)滑(huá)到的位(wèi)置才会有相应(yīng)的元素展(zhǎn)示(shì),互动形式简单易懂(dǒng),不会增加用户负担,品牌宣(xuān)传效果,用户(hù)体(tǐ)验也极佳。
3、考虑加载流(liú)畅(chàng)
从2G到5G,在(zài)这(zhè)个互联网(wǎng)时代,人(rén)们(men)从未(wèi)停(tíng)止对(duì)网络速度的(de)追求(qiú),展示内H5大多内容较多,素材较大,站(zhàn)在用(yòng)户(hù)的角(jiǎo)度,加载的流畅性是必不可少的,可以想象,原本用户感兴趣的一支H5,点进去之(zhī)后加(jiā)载很久都不(bú)能进去(qù),大概(gài)率兴趣度会从80%降为(wéi)20%,甚至(zhì)失去耐心,导致退出。对于这种情况,1是考虑分部加载,尽量减(jiǎn)少初步加(jiā)载太(tài)多导致用户焦急等待的烦躁,2是在加载或过(guò)渡阶段(duàn),制(zhì)作(zuò)有趣(qù)的动效(xiào)来吸引用户,提升体验。
案例(lì)名称《大象公益》
开篇加载页就很(hěn)有意思,小象用它(tā)长长的鼻子转动,吸引用户兴趣,从而等待(dài)接下来的情景,也加深了用户(hù)对小象的印(yìn)象。就是(shì)通过有趣的动效来吸(xī)引用户,对接下来的内容产生浓厚的兴趣并充满期待。
以上,列举了部分动效在H5中的运用,可以看出一支优质的(de)H5游(yóu)戏,都(dōu)是站在(zài)用(yòng)户的角度思(sī)考(kǎo),寻求怎(zěn)么给用户更好的使用(yòng)体验的同时,传播品牌(pái),达到最佳营销效果。
联系QQ:2899301896
开云官方端网站登录入口和蓝橙互动·致(zhì)力于为企业提供(gòng)更高效的开发(fā)服务