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

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

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

2、动（dòng）效能（néng）实（shí）现的效果

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

案（àn）例名称（chēng）：《滑屏查收这份新鲜指（zhǐ）北》

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

案（àn）例名称（chēng）《三千旅（lǚ）居》

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

3、考（kǎo）虑加载（zǎi）流畅

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

案（àn）例名称《大象（xiàng）公（gōng）益》

开（kāi）篇加载页就很有意（yì）思，小象用它（tā）长长的（de）鼻子转动，吸（xī）引用户兴趣（qù），从（cóng）而等待接下来（lái）的情（qíng）景，也（yě）加深了用户对（duì）小象的印象。就是通过有趣的（de）动（dòng）效来吸引（yǐn）用（yòng）户，对接下来的内（nèi）容产生浓厚的兴趣并充满期待。

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