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

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

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

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

市面上的（de）H5动（dòng）效看似花样百（bǎi）出，大多（duō）基（jī）本操作无疑是改变图片属性：缩放、透明（míng）、旋转、移（yí）动，或是逐帧（zhēn）展示，再将改变的各种属性集合，抓住用户的情感形成各式各样（yàng）的动效来塑造品牌（pái）形象。

案例（lì）名（míng）称：《滑屏查收（shōu）这份新鲜指北》

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

案例名称《三千旅居》

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

3、考虑加载流畅

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

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

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

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