首页 > 窍门 > 科技数码

ui动画设计的原理是什么

来源: 更新时间:2022-03-18 10:45:13
The Beginning

ui动画设计的原理是:


  1、材料

  

  向用户显示界面元素的构成:轻巧还是笨重?它是僵硬的还是灵活的?飞机还是多维的吗?您需要让用户基本了解界面元素的交互模式。

  

  2、运动轨迹

  

  你需要澄清运动的自然属性。一般原理表明,没有生命的机械物体的轨迹通常是直线,而生物体具有更复杂和非线性的运动轨迹。您想要确定您的UI将为用户提供哪种展示,并为其提供此属性。

  

  3、时间

  

  在设计动态效果时,时间是最具争议性和最重要的考虑因素之一。在现实世界中,物体不遵循线性运动的规则,因为它们需要时间来加速或减速,并且使用曲线运动规则使得元素的运动更自然。

  

  4、专注于动作

  

  专注于屏幕的特定区域。例如,闪烁的图标将引起用户的注意,并且用户将知道有提醒和点击。这种运动通常用于具有太多细节和元素的界面,以区分特殊元素。

  

  5、跟随并重叠

  

  跟随是动作的终止。物体不会快速停止或开始移动,每个运动都可以拆卸成小动作,以自己的速度移动每个部分。例如,当你投球时,在投球之后你的手仍在移动。

  

  重叠意味着在第一个动作结束之前开始的第二个动作,由于两个动作之间没有静止期,因此吸引了用户的注意力。

  

  6、次要影响

  

  次要动力学原理类似于遵循和重叠原则。简而言之,主要影响可能伴随着次要影响。轻微的效果使画面更加生动,但如果你不小心,它会造成不必要的分心。

  

  7、轻松和轻松

  

  缓入、退出是设计的基本原则,特别是在移动开发UI效果中,这与普通动画一样重要。虽然容易理解,但这个原则经常被忽视。轻松进/出的原则是因为现实世界中的物体无法立即启动或立即停止移动。任何物体都需要一定的时间来加速或减速。当您使用缓动/缓出原则来设计效果时,将导出非常逼真的运动模式。

  

  8、期望

  

  预期原则适用于暗示性视觉元素。在动画显示之前,我们给用户时间让他们预测会发生什么。实现此目的的一种方法是使用我们上面提到的简易原则。沿特定方向移动对象也可以给出预期的视觉提示:例如,如果屏幕上出现一叠卡片,您可以倾斜一叠卡片的顶部卡片,并且用户可以推测卡片可以移动。

  

  9、节奏

  

  动态中的节奏和音乐与舞蹈中的节奏具有相同的功能,它构建了动态。使用节奏使您的动作更自然。

  

  10、夸张

  

  经常使用夸大的表达式,但它并不容易解释,因为它基于夸大的预期动作或效果。它可以帮助吸引对特殊元素的额外关注。

  

  

THE END

TAG:标签  简介  UI  

猜你喜欢

相关文章