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

基于这个思路,这些动效要简单而合理、看着舒服不跳戏,每一个动作行为传递给用户的情绪要和整体视觉氛围一致,例如这个页面:

缆车前进,如果只是远景的山横向移动效果是非常死板的,回想一下自己坐缆车时的感受,是四平八稳还是摇摇晃晃?于是我们加上缆线和音符车体缓缓的交错晃动,以及缆线上的高光亮斑,整个页面就生动了许多。画面背后我们想传达的情绪就是你在轻松愉快的度假,通过一段温馨的旅程来回顾这一年里在云村的点点滴滴,你感受到了吗?

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

夜晚是孤寂冰冷的,但我们相信喜欢深夜听歌的你绝不是那么冷酷无情,耳边的旋律就如天际透出的光,照亮了夜,温暖了你,而你也在这束光里衣袂飘飘自在飞翔,似是无拘无束,又好像在追寻着什么。画面里我们让光线明暗变化,人的身体微微浮动,飘动的衣服和头发让人物如迎风飞翔,希望能引起夜猫子们的些许共鸣。

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

推荐阅读