关注 功夫体验设计 与十万读者见证成长的力量
这是功夫体验设计公众号第 245 期分享
作者 | 刘涛
随着5G时代的到来，手机硬件性能大幅度提升，现在我们可以看到国内外很多APP开始出现多元动效和3D场景应用，通过这种方式构建丰富多样化的用户场景体验，打造差异化竞争优势。除了在移动端应用多以外，微动效应用在其他端也比较多，比如智能电视终端，手表端，甚至车载HMI设计，都出现很多细微的动效场景。
最近，我大量体验了一些优秀的APP，发现一些有趣的创意微动效设计思路，下面我们来一起看看。
01
开机动效
开机动效大家并不陌生，毕竟手机应用出现这么久，也见过很多，但是做得有趣味性，有记忆点的还真不多。Netflix的开机动效除了LOGO以线性动画方式出场，还伴随着音效，让人印象深刻。
NAVER旗下的产品JUNIVER TV，一款小孩子玩耍学习的应用。开机动效，同样带有音效，通过萌萌的IP动画引入，一开场就吸引住使用该产品的小朋友们。02
BANNER动效
BANNER在产品中是非常重要的黄金位置，通过动效可以增加曝光率，实现商业上一些转化，当然也是作为一种主推的手段，比如最近想推一些新的内容，这时候除了原来的BANNER设计一张图以外，现在还增加了动效。
WEBTOON KR ，一定时间内BANNER自动出现错层动效，继续显示下一页内容。这种实现上来说只需要2层即可，对硬件性能要求不大。
2、Series
Series的动效与前面WEBTOON KR有所不同，必须手动滑动BANNER，才会出现banner内部图片微微放大的效果。
03
光感动效
光感动效记忆性强，让我印象深刻是苹果siri的语音动效出现后，紧跟其步伐的一些APP中，也出现了类似的光感动效。光本身具有神秘、生命力、能量，变化莫测的寓意，所以一般情况下，在语音场景居多。Melon音乐应用，当用户选择几首音乐融合的时候，点击确认时，会出现光感动效。NAVER语音动效，通过双色光感渐变形成。
04
图标动效
图标动效目前很多产品都在应用，也在探索不同的形式，目的都是让用户在使用产品的时候产生内心的愉悦感和趣味性。现在单靠图标动效已经不能满足更多需求了，有些产品开始出现一些微微拟真的图标动效，模拟现实世界中人们的真实感受。Spotify点赞图标，当点击收藏时候图标周边有小桃心出现，当你取消点赞后，图标会立马左右摇动，有点拟真的感觉，说直白一些就是告诉用户不要取消点赞。
Vibe音乐应用，当用户点击点赞图标时候，整个画面出现光速滑过，当取消点赞时候也同样会出现光速滑过。虽然动效夸张了一些，但是第一时间感受还挺新奇的。
Juniver TV在应用中加载图标和应用图标动效都十分有趣味性，本身就是一个小朋友使用的APP，通过动效增加这个产品趣味性和吸引力。
05
滚动视差动效
最近几年，一些娱乐类应用添加了整个页面滚动视差效果。这种会稍微消耗新性能，当然对运营要求高，几乎首页都需要设计师去提前做好资源设计配置。
总之，东西在当今产品中越来越频繁的出现，传统互联网发展至今已经非常成熟了，所以交互形式不会有太大的改变，那么如何才能增加产品的竞争力，让你用户对产品产生更多好感，动效也是其中一个发力点。就如我开篇就说到了，现在不仅仅只是传统互联网在应用，目前新能源汽车HMI设计上也是出现动效，最为明显的就是语音交互动效，图标动效。互动时刻：你曾经玩过的APP或者智能产品，有什么好的微动效让你记忆深刻，欢迎在留言区推荐一下。挑战日更100天，目前已完成3篇
推荐阅读
>>第四期UIUX设计营报名中，随到随学>>