关于C端动效的价值及运用

几年前随着国内移动互联网的疯狂式发展,催生了不胜其数的移动互联网平台,平台类别涵盖了生活的各方各面,有社交的、电商的、金融的、资讯的等等。在每个垂直领域下,都有N多个平台之间相互竞争,这使得每个平台都面临着巨大的生存压力,时刻逼迫着平台经营者们在其平台的功能上进行求同存异的挣扎。


 

在这种大环境下,设计师所要解决的需求越来越复杂,传统的静态页面设计已无法引导越来越“不听话”的用户,我们需要在这种形势中求变,才能时刻保持住设计师本该有的价值。而动效设计的运用,可以较好的解决部分问题。那么,动效设计在实际工作中,究竟有哪些作用?我在自己的实际动效设计工作中,总结出了使用动效的6个实用之处:

以下再结合案例进行较为详细的说明


 

作用1


 

案例1:UC浏览器2018世界杯活动页面


 

下图为UC浏览器2018世界杯活动页面,一般活动页面会为了营造氛围而把大感觉做的热烈一点,在这种情况下就免不了会使用较多的暖色(暖色比冷色突出,一般会用暖色来突出重点),在一屏页面暖色使用较多的情况下,如果想要突出【开宝箱区域】,且保证在「极短时间内」能够有效吸引到用户注意显得并不容易。因为一个用户留给一个页面的时间往往只有苛刻的几秒时间,如果不能在短短的两三秒时间内快速抓住用户的眼球,让用户关注到我们为了留住他们而设计的功能点,那很可能就会流失掉这个用户。

使用动效,可以有效的突出【开宝箱区域】,让用户能够聚焦到我们想要让他注意到的地方,让用户产生注意是第一步,只有用户先注意到了,才能产生下一步的查看操作,诱其深入。


 

作用2


 

案例2:一般APP弹窗关闭
 


 

关于APP的弹窗,你可能会遇到这样一个场景:在开启APP之后的第一时间突然有一个弹窗出现在你的眼前,这种突如其来的“烦人”提示,会打断你的思绪或操作,这会导致你的反感,你可能会无意识的「立刻」点击关闭按钮,但有时在关闭的瞬间又注意到了弹窗的内容对你来说是有吸引的,如果这个时候因为误点关闭弹窗而不知道去哪里找弹窗内容的链接入口,你是否会感到非常懊恼?


 

下图为我在做平台设计改版提案的时候提出的解决方案,当弹窗关闭时,缩放成一个小点之后有一个路径动画,可以告知用户弹窗关闭之后去了哪里,暗示用户如果想找回弹窗内的活动可以点击哪里能找到。因此使用动效可以将两个元素之间的关系进行直观的关联演示,用最简单的视觉表现方式说明其中的关系,增加产品易用性。(动效为我本人所做,但弹窗图片“生活缴费...”为网络搜的替代图,侵删)


作用3:


 

案例3:淘宝首页金刚区图标


 

对于寸土寸金的手机屏幕来说,思考着如何能在局限的区域范围内去展示更多的信息,一直是平台运营者们想要攻克的难题,也是设计师们需要帮助解决的难题。拿淘宝APP的首页来说,其首页金刚区的每一个入口,里面所承载的功能,单拎出来都可以作为一个功能完整的APP来使用。由此可见其中所投入的人力物力,如果入口无法得到点击,那将会是多么巨大的资源浪费,因此引流这件事就显得尤为重要。但是单单一个入口图标+入口名称,如何才能明白地将入口的诱人亮点告知用户来吸引点击?


 



本文标题:关于C端动效的价值及运用
本文链接:https://www.zjnewsw.cn/zbpp/050G33220191332.html