超走心！真没想到这些APP动效还能这么玩！

关注 功夫体验设计 与十万读者见证成长的力量

这是功夫体验设计公众号第 245 期分享

作者 | 刘涛

随着5G时代的到来，手机硬件性能大幅度提升，现在我们可以看到国内外很多APP开始出现多元动效和3D场景应用，通过这种方式构建丰富多样化的用户场景体验，打造差异化竞争优势。

除了在移动端应用多以外，微动效应用在其他端也比较多，比如智能电视终端，手表端，甚至车载HMI设计，都出现很多细微的动效场景。

最近，我大量体验了一些优秀的APP，发现一些有趣的创意微动效设计思路，下面我们来一起看看。

开机动效

开机动效大家并不陌生，毕竟手机应用出现这么久，也见过很多，但是做得有趣味性，有记忆点的还真不多。

1、Netflix

Netflix的开机动效除了LOGO以线性动画方式出场，还伴随着音效，让人印象深刻。

2、Juniver TV

NAVER旗下的产品JUNIVER TV，一款小孩子玩耍学习的应用。开机动效，同样带有音效，通过萌萌的IP动画引入，一开场就吸引住使用该产品的小朋友们。

BANNER动效

BANNER在产品中是非常重要的黄金位置，通过动效可以增加曝光率，实现商业上一些转化，当然也是作为一种主推的手段，比如最近想推一些新的内容，这时候除了原来的BANNER设计一张图以外，现在还增加了动效。

1、WEBTOON KR

WEBTOON KR ，一定时间内BANNER自动出现错层动效，继续显示下一页内容。这种实现上来说只需要2层即可，对硬件性能要求不大。

2、Series

Series的动效与前面WEBTOON KR有所不同，必须手动滑动BANNER，才会出现banner内部图片微微放大的效果。

光感动效

光感动效记忆性强，让我印象深刻是苹果siri的语音动效出现后，紧跟其步伐的一些APP中，也出现了类似的光感动效。

光本身具有神秘、生命力、能量，变化莫测的寓意，所以一般情况下，在语音场景居多。

1、Melon

Melon音乐应用，当用户选择几首音乐融合的时候，点击确认时，会出现光感动效。

2、NAVER

NAVER语音动效，通过双色光感渐变形成。

图标动效

图标动效目前很多产品都在应用，也在探索不同的形式，目的都是让用户在使用产品的时候产生内心的愉悦感和趣味性。

现在单靠图标动效已经不能满足更多需求了，有些产品开始出现一些微微拟真的图标动效，模拟现实世界中人们的真实感受。

1、Spotify

Spotify点赞图标，当点击收藏时候图标周边有小桃心出现，当你取消点赞后，图标会立马左右摇动，有点拟真的感觉，说直白一些就是告诉用户不要取消点赞。

2、Vibe

Vibe音乐应用，当用户点击点赞图标时候，整个画面出现光速滑过，当取消点赞时候也同样会出现光速滑过。虽然动效夸张了一些，但是第一时间感受还挺新奇的。

3、Juniver TV

Juniver TV在应用中加载图标和应用图标动效都十分有趣味性，本身就是一个小朋友使用的APP，通过动效增加这个产品趣味性和吸引力。

滚动视差动效

最近几年，一些娱乐类应用添加了整个页面滚动视差效果。这种会稍微消耗新性能，当然对运营要求高，几乎首页都需要设计师去提前做好资源设计配置。

1、Kakao Webtoon

总之，东西在当今产品中越来越频繁的出现，传统互联网发展至今已经非常成熟了，所以交互形式不会有太大的改变，那么如何才能增加产品的竞争力，让你用户对产品产生更多好感，动效也是其中一个发力点。

就如我开篇就说到了，现在不仅仅只是传统互联网在应用，目前新能源汽车HMI设计上也是出现动效，最为明显的就是语音交互动效，图标动效。

互动时刻：你曾经玩过的APP或者智能产品，有什么好的微动效让你记忆深刻，欢迎在留言区推荐一下。

挑战日更100天，目前已完成3篇