ui动效界面交互设计

加载过程不应让用户感到单调乏味

如果不能缩短加载和等待过程，那么应该尽量让用户在等待过程中感到愉快，此时的动态效果基是提醒用户后台正在加载。几乎所有的网站和应用都会遇到这种情况，好的设计通常会用微妙有趣的动态效果来转移用户对动态效果本身的注意力，而不是受无聊情绪的影响。所以设计师可以让界面从基本框架结构加载，明显缩短了等待的主观体验。

不要让状态改变太僵硬

动效较重要的功能之*是加强过渡效应，因此需要清楚地呈现这一过程的开始和结束。一个设计良好的动效应合理的把用户的注意力引导到需要注意的地方。

Adrian Zumbrunnen有一个非常好的案例，展示了滚动效果如何让用户在点击链接后理解变化过程，大家可以去看一下。

阐明元素之间的关系

动效还可以增强用户对界面的控制感。

菜单按钮以平滑的动效展开为播放控制界面，然后单击返回，又收缩为一个按钮。这种**不仅让界面看起来很棒，还告诉用户按钮的实际功能。有趣的是，这种动效也强调了播放和暂停之间的差异，这种差异可以在不共存的情况下相互改变。

在这种情况下，动效将用户的注意力引导到了屏幕的正中央，播放和暂停两种状态的改变是用户注意力的焦点。

另一种情况是更常见的浮动按钮，单击“+”按钮可展开其其它隐藏功能按钮，而按钮中的“+”则变化为编辑的铅笔图标。该图标变化的细节向用户指示接下来会发生什么，并阐明按钮不同状态的差异。

出错时向用户提供反馈

当用户执行操作时，动效可以增强交互产生的效果，报错是较常见的反馈机制之*。

一个简单的左右晃动的**给用户一种界面在“摇头”的感觉，让他们明白所输入的内容是不正确的。这种拟人化的动态效果使界面充满真实的质感，信息反馈更加直观。