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

1、用户体验（yàn）的重要性

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

2、动效能实现的效果

市面上的H5动效看似花（huā）样百出，大多基本操作无疑是改变（biàn）图片属性：缩放、透（tòu）明（míng）、旋转、移动（dòng），或是（shì）逐帧展示（shì），再将改变的各种（zhǒng）属性集合（hé），抓住用户的情感（gǎn）形（xíng）成各式各样的动（dòng）效来（lái）塑造品牌（pái）形（xíng）象（xiàng）。

案例名称（chēng）：《滑屏查收这份（fèn）新鲜指北（běi）》

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

案例名称《三千（qiān）旅居》

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

3、考虑加载流畅

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

案例名（míng）称《大象公益》

开篇（piān）加载页（yè）就很（hěn）有意（yì）思，小象（xiàng）用它（tā）长长的鼻子转（zhuǎn）动，吸引（yǐn）用户兴趣，从（cóng）而（ér）等待（dài）接（jiē）下来的情景（jǐng），也加深了（le）用户对小象的印象。就是通过有趣的（de）动效来吸引用户，对接下来的（de）内容产生浓厚的兴趣并充满期待。

以上，列举了部分动效在（zài）H5中的运用，可以看出（chū）一支优质的H5游（yóu）戏，都是站在（zài）用户的角度思考，寻求怎（zěn）么给用户更（gèng）好的使用体验的同时，传播（bō）品牌，达到最佳营销效（xiào）果。