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

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

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

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

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

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

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

案例名称《三（sān）千旅居（jū）》

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

3、考虑（lǜ）加载流畅

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

案例名称《大象公益》

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

以上，列举（jǔ）了部分动效（xiào）在H5中（zhōng）的运用，可以（yǐ）看（kàn）出（chū）一支优质的H5游戏，都是站在（zài）用户的角（jiǎo）度思考，寻求怎么给用户更（gèng）好的使用体验的（de）同时，传播品牌，达到最佳营（yíng）销效果。