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

1、用（yòng）户体验的重要性

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

2、动效能实现的效果

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

案例名称：《滑屏查收（shōu）这份新鲜指北（běi）》

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

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

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

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

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

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

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

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