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

1、用户体（tǐ）验的重要性

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

2、动效能（néng）实现的效（xiào）果

市面上的H5动效看（kàn）似花样百（bǎi）出（chū），大多（duō）基本操作无疑是改变图片属性：缩（suō）放（fàng）、透明、旋转、移动，或是逐帧（zhēn）展示，再将改变的各种属性集合（hé），抓住用户的情感（gǎn）形成各式各样的动（dòng）效来塑造品牌形象。

案（àn）例名称：《滑屏查收这份新（xīn）鲜指北》

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

案例名称《三千旅居》

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

3、考虑加载流畅

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

案（àn）例名称《大（dà）象（xiàng）公益（yì）》

开篇加载页就很有意思，小象用它长长的鼻（bí）子转（zhuǎn）动，吸引用户兴趣，从而等待接下来的情景，也（yě）加深（shēn）了用户对小象的印象。就是通过有趣的动效来吸引用户（hù），对接下来的内容产生浓厚（hòu）的兴趣并充满期待（dài）。

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