从动效设计到代码｜网易云音乐2018年度听歌报告的背后( 四 )

2019-03-04

不喧宾夺主

每一个页面不光有图片、动效，最重要的其实应该是文字和数据。所以我们的动效不仅要考虑好不好看，还不能让它过于诱惑，得适当的让用户的注意力聚焦到文字信息上。

例如这一页，之前的版本：

猫咪十分欢脱，小尾巴甩的飞起，单看画面还挺可爱的。但是在整个页面里已经有了波浪起伏的夜幕、远近交替的手臂，再加上猫尾巴，视觉焦点十分分散，用户的注意力难以聚焦，很容易就忽略掉文案。

于是最后我们还是让主子安静点，做一只安静的夜猫子，整个页面也没那么乱了。

这个页面一开始也是想做的真实一点，我们把每个指节都拆出来做动作，结果发现如果要像现实中的翻绳游戏那么玩，动作复杂制作周期长不说，用户在看到这个页面时的关注点也都在手上，文字信息可能都给忽略了。

于是我们做了抽象和简化，只添加了简单的「松弛 —— 紧绷」动作，并控制好节奏降低频次，平衡了信息呈现的需求。

锦上贴花的小细节

推荐阅读

上一篇：可以量产中国成功研制可降解高强度新型甲壳素丝

下一篇：OPPO十倍光学变焦新机下月发备货二百万现货随便买