bing1472634085000

今天多数汽车 ui 的设计，由于不直观、过时和缺乏美学表现力，一直饱受诟病。其他行业都将设计的品质奉为标准，汽车生产商在这方面则动作迟缓。所以，许多设计师抓住了这个机会，思考未来的汽车界面会如何改变我们的驾驶体验。

时下对动效的追捧，疯狂至可以用一句话形容——“没有动效的 APP，简直不是好的 APP”。优秀的动效设计在提升产品体验、用户粘性方面的积极作用有目共睹，已然成为现下 Web、APP 产品交互设计和界面设计必不可少的元素。笔者想从常见基础动效、动效作用、动效的应用设计和动效评判四个方面简单谈谈对动效理解。

纯 CSS 版 演示地址：http://weber.pub/demo/160912/css.html 搭配 Jquery 使用 演示地址：http://weber.pub/demo/160912/jq.html

国内设计大牛 @树波 分享 ui 动效，并无私的奉献出了 psd 和 aep 的工程文件。

功能性动画是一种微妙的动画，有着明确、合理的目标。它能减少认知负荷，防止变化视盲，在空间上营造更好的印象。但还有一点，动画让用户界面鲜活起来。 通过组合与分割、改变形状和尺寸，运动可以使外表感觉鲜活。应当运用功能性的动画，流畅地在导航内容间引导用户，解释屏幕元素和排列的变化，并且强调元素层级。