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

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

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

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

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

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

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

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

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

3、考虑加载流（liú）畅

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

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

开篇（piān）加载页就很（hěn）有意（yì）思（sī），小象（xiàng）用它长长的（de）鼻子转（zhuǎn）动，吸引用（yòng）户兴趣，从（cóng）而（ér）等待接下（xià）来的（de）情景，也加深了用户对（duì）小象的印（yìn）象。就是通（tōng）过有趣的动效来吸引用户，对接（jiē）下来的内容产（chǎn）生浓厚的兴趣（qù）并充（chōng）满期（qī）待。

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