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

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

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

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

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

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

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

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

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

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

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

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

开篇加载页就很有意思，小（xiǎo）象（xiàng）用（yòng）它长（zhǎng）长的鼻子转动，吸引（yǐn）用户兴（xìng）趣，从而（ér）等（děng）待接下来的情景（jǐng），也加深了用户对小象的印象。就是通过（guò）有趣的动效来（lái）吸引用户，对接下来的内容（róng）产生浓（nóng）厚的兴趣并（bìng）充满（mǎn）期待。

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