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

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

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

2、动效能实现的（de）效果（guǒ）

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

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

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

案例名称《三千旅居》

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

3、考虑加载流畅

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

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

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

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