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

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

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

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

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

案例名称：《滑（huá）屏查（chá）收这份（fèn）新鲜指北（běi）》

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

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

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

3、考虑加载流畅

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

案例名称（chēng）《大象公（gōng）益（yì）》

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

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