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

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

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

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

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

案例名称：《滑（huá）屏查收这份新鲜指北》

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

案例名称《三千旅（lǚ）居》

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

3、考虑（lǜ）加载流畅

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

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

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

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