行业动态
基地新闻
联系我们
- 电话:0531-86558833
- QQ:464510412 / 864615817
- 地址:济南和平路18号(燕山银座写字楼五楼)
浅谈UI动效的特征
貌似运动的物体特别能够引起人们的注意力,因此UI设计中的动效处理自然是吸引用户注意力的一种有效方法。所谓UI动效并非是让我们随意的添加无意义的动画效果,它是一种很微妙的动画,添加动画时我们要有明确合理的目标,我们可以通过物体的组合与分割、改变形状和尺寸等运动使原本一成不变的界面外表变得更加鲜活流畅。今天的时间呢,新视觉实训就带大家一起来聊聊UI动效中的几大特征吧!
1. 响应
视觉反馈在UI设计中极度重要。因为它符合了用户确认应答的需要。在现实生活中,按钮、遥控等都会响应我们的操作,人们对事物的期待就是如此。界面应当快速响应用户得需要,准确的在用户触发的一刻响应用户的需要,这感觉特别酷。
2. 关联性
把新产生的界面,与触发它们的元素或操作关联起来。关联性背后的逻辑,能帮助用户在界面布局中理解刚发生的变化,是什么导致了变化。不要破坏了这种变化的关联性。
3. 自然
避免令人意外的过渡效果。所有的运动都应该遵循真实世界中力的作用。现实中,一个物体加速减速的快慢,受它的重量和表面摩擦力的影响。类似的,在好的界面设计中,启动和停止不会立刻发生。
4. 有目的
在合适的时机,将视线引导到适当的位置。动画天生就是最高一级的突显。无论文字段落还是静止图片都无法与之相提并论。好的过渡效果能引导用户的操作习惯。用户第一次无法预料某个操作触发的结果,但适当的动画能帮助用户保持方向,不会感觉内容的突然改变。
5. 快速
元素在不同位置和状态间运动时,运动要足够快,不要让用户有长时间的等待;当然也不能太过迅速,要让过渡合理化。
6. 明确
过渡效果应当避免一次做太多事情,因为如果许多物体往不同方向或沿着不同路径运动,它们就会令人困惑。