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

1、用户体验的重要性

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

2、动效能实现的效果

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

案例（lì）名称（chēng）：《滑屏查收这（zhè）份新鲜（xiān）指北》

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

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

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

3、考虑加载流畅

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

案例名称《大象公益》

开篇加（jiā）载页就（jiù）很（hěn）有意思，小象用它长长的鼻子（zǐ）转动，吸引用户兴趣，从而等待接下来的（de）情景，也（yě）加深了（le）用户对（duì）小象的印象。就是通过有（yǒu）趣的动效来（lái）吸引用户，对（duì）接下来的内容产生（shēng）浓厚的兴趣（qù）并（bìng）充满（mǎn）期待。

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