Disney Animation 迪士尼设计界面动画的运动原理

用户头像
北京/UI设计师/5年前/7138浏览
Disney Animation 迪士尼设计界面动画的运动原理
2021 努力 奋斗!
Disney Animation 迪士尼设计界面动画的运动原理(图ZMjM4Mjk4Mzgw) - 动效设计 - 站酷设计师Haiyu海魚原创素材 - 站酷ZCOOL
收藏
Disney Animation 迪士尼设计界面动画的运动原理(图ZMjM4Mjk4OTE2) - 动效设计 - 站酷设计师Haiyu海魚原创素材 - 站酷ZCOOL
收藏
Disney Animation 迪士尼设计界面动画的运动原理(图ZMjM4Mjk4OTMy) - 动效设计 - 站酷设计师Haiyu海魚原创素材 - 站酷ZCOOL
收藏
Disney Animation 迪士尼设计界面动画的运动原理(图ZMjM4Mjk4MTUy) - 动效设计 - 站酷设计师Haiyu海魚原创素材 - 站酷ZCOOL
弹力球的运动轨迹:有弹力和挤压效果像水气球,无弹力和挤压效果的像保龄球
收藏
Disney Animation 迪士尼设计界面动画的运动原理(图ZMjM4Mjk4MTY4) - 动效设计 - 站酷设计师Haiyu海魚原创素材 - 站酷ZCOOL
弹力球的运动轨迹:有弹力和挤压效果像水气球,无弹力和挤压效果的像保龄球。
收藏
Disney Animation 迪士尼设计界面动画的运动原理(图ZMjM4Mjk5MDA4) - 动效设计 - 站酷设计师Haiyu海魚原创素材 - 站酷ZCOOL
收藏
Disney Animation 迪士尼设计界面动画的运动原理(图ZMjM4Mjk4MzE2) - 动效设计 - 站酷设计师Haiyu海魚原创素材 - 站酷ZCOOL
有预备动作的运动会更符合观众的心理预期
收藏
Disney Animation 迪士尼设计界面动画的运动原理(图ZMjM4Mjk4MzM2) - 动效设计 - 站酷设计师Haiyu海魚原创素材 - 站酷ZCOOL
收藏
Disney Animation 迪士尼设计界面动画的运动原理(图ZMjM4Mjk5MDQ0) - 动效设计 - 站酷设计师Haiyu海魚原创素材 - 站酷ZCOOL
收藏
Disney Animation 迪士尼设计界面动画的运动原理(图ZMjM4Mjk4NDA0) - 动效设计 - 站酷设计师Haiyu海魚原创素材 - 站酷ZCOOL
应用分段布局可以很好的让特定元素与其他编排的元素分开进行
收藏
Disney Animation 迪士尼设计界面动画的运动原理(图ZMjM4Mjk4NDIw) - 动效设计 - 站酷设计师Haiyu海魚原创素材 - 站酷ZCOOL
收藏
Disney Animation 迪士尼设计界面动画的运动原理(图ZMjM4Mjk5MTM2) - 动效设计 - 站酷设计师Haiyu海魚原创素材 - 站酷ZCOOL
收藏
Disney Animation 迪士尼设计界面动画的运动原理(图ZMjM4Mjk4NDM2) - 动效设计 - 站酷设计师Haiyu海魚原创素材 - 站酷ZCOOL
元素在静止之前超出它们的位置会使它们感觉更自然
收藏
Disney Animation 迪士尼设计界面动画的运动原理(图ZMjM4Mjk4NDQ0) - 动效设计 - 站酷设计师Haiyu海魚原创素材 - 站酷ZCOOL
收藏
Disney Animation 迪士尼设计界面动画的运动原理(图ZMjM4Mjk4NDUy) - 动效设计 - 站酷设计师Haiyu海魚原创素材 - 站酷ZCOOL
收藏
Disney Animation 迪士尼设计界面动画的运动原理(图ZMjM4Mjk4NDYw) - 动效设计 - 站酷设计师Haiyu海魚原创素材 - 站酷ZCOOL
在动画中,应用此原则可以让动画有更强的生命力
收藏
Disney Animation 迪士尼设计界面动画的运动原理(图ZMjM4Mjk4NDY0) - 动效设计 - 站酷设计师Haiyu海魚原创素材 - 站酷ZCOOL
收藏
Disney Animation 迪士尼设计界面动画的运动原理(图ZMjM4Mjk4NDY4) - 动效设计 - 站酷设计师Haiyu海魚原创素材 - 站酷ZCOOL
收藏
Disney Animation 迪士尼设计界面动画的运动原理(图ZMjM4Mjk4NDc2) - 动效设计 - 站酷设计师Haiyu海魚原创素材 - 站酷ZCOOL
可以看到经弧线运动后的元素比对角线运动的元素看起来更自然
收藏
Disney Animation 迪士尼设计界面动画的运动原理(图ZMjM4Mjk4NDgw) - 动效设计 - 站酷设计师Haiyu海魚原创素材 - 站酷ZCOOL
收藏
Disney Animation 迪士尼设计界面动画的运动原理(图ZMjM4Mjk4NDg0) - 动效设计 - 站酷设计师Haiyu海魚原创素材 - 站酷ZCOOL
收藏
Disney Animation 迪士尼设计界面动画的运动原理(图ZMjM4Mjk4NTIw) - 动效设计 - 站酷设计师Haiyu海魚原创素材 - 站酷ZCOOL
次要动作幅度会影响用户对画面的关注程度
收藏
Disney Animation 迪士尼设计界面动画的运动原理(图ZMjM4Mjk4NTM2) - 动效设计 - 站酷设计师Haiyu海魚原创素材 - 站酷ZCOOL
收藏
Disney Animation 迪士尼设计界面动画的运动原理(图ZMjM4Mjk5MTU2) - 动效设计 - 站酷设计师Haiyu海魚原创素材 - 站酷ZCOOL
收藏
Disney Animation 迪士尼设计界面动画的运动原理(图ZMjM4Mjk5MjQw) - 动效设计 - 站酷设计师Haiyu海魚原创素材 - 站酷ZCOOL
较长的动画时长会加长用户的等待期与焦虑感
收藏
Disney Animation 迪士尼设计界面动画的运动原理(图ZMjM4Mjk4NTc2) - 动效设计 - 站酷设计师Haiyu海魚原创素材 - 站酷ZCOOL
收藏
Disney Animation 迪士尼设计界面动画的运动原理(图ZMjM4Mjk5MTYw) - 动效设计 - 站酷设计师Haiyu海魚原创素材 - 站酷ZCOOL
收藏
Disney Animation 迪士尼设计界面动画的运动原理(图ZMjM4Mjk4NjYw) - 动效设计 - 站酷设计师Haiyu海魚原创素材 - 站酷ZCOOL
适当夸张的动画会更有吸引力
收藏
Disney Animation 迪士尼设计界面动画的运动原理(图ZMjM4Mjk4Njcy) - 动效设计 - 站酷设计师Haiyu海魚原创素材 - 站酷ZCOOL
收藏
Disney Animation 迪士尼设计界面动画的运动原理(图ZMjM4Mjk4Njg0) - 动效设计 - 站酷设计师Haiyu海魚原创素材 - 站酷ZCOOL
收藏
120
|
举报
|
303
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
你可能喜欢
相关收藏夹
大家都在看
登录注册