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

1、用户体验的重要性（xìng）

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

2、动效能实现的效果

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

案（àn）例名称：《滑屏查收这份（fèn）新鲜指北》

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

案例名（míng）称《三千（qiān）旅居》

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

3、考虑加载流畅（chàng）

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

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

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

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