来源: 最后更新:22-03-18 10:45:13
ui动画设计的原理是:
1、材料
向用户显示界面元素的构成:轻巧还是笨重?它是僵硬的还是灵活的?飞机还是多维的吗?您需要让用户基本了解界面元素的交互模式。
2、运动轨迹
你需要澄清运动的自然属性。一般原理表明,没有生命的机械物体的轨迹通常是直线,而生物体具有更复杂和非线性的运动轨迹。您想要确定您的UI将为用户提供哪种展示,并为其提供此属性。
3、时间
在设计动态效果时,时间是最具争议性和最重要的考虑因素之一。在现实世界中,物体不遵循线性运动的规则,因为它们需要时间来加速或减速,并且使用曲线运动规则使得元素的运动更自然。
4、专注于动作
专注于屏幕的特定区域。例如,闪烁的图标将引起用户的注意,并且用户将知道有提醒和点击。这种运动通常用于具有太多细节和元素的界面,以区分特殊元素。
5、跟随并重叠
跟随是动作的终止。物体不会快速停止或开始移动,每个运动都可以拆卸成小动作,以自己的速度移动每个部分。例如,当你投球时,在投球之后你的手仍在移动。
重叠意味着在第一个动作结束之前开始的第二个动作,由于两个动作之间没有静止期,因此吸引了用户的注意力。
6、次要影响
次要动力学原理类似于遵循和重叠原则。简而言之,主要影响可能伴随着次要影响。轻微的效果使画面更加生动,但如果你不小心,它会造成不必要的分心。
7、轻松和轻松
缓入、退出是设计的基本原则,特别是在移动开发UI效果中,这与普通动画一样重要。虽然容易理解,但这个原则经常被忽视。轻松进/出的原则是因为现实世界中的物体无法立即启动或立即停止移动。任何物体都需要一定的时间来加速或减速。当您使用缓动/缓出原则来设计效果时,将导出非常逼真的运动模式。
8、期望
预期原则适用于暗示性视觉元素。在动画显示之前,我们给用户时间让他们预测会发生什么。实现此目的的一种方法是使用我们上面提到的简易原则。沿特定方向移动对象也可以给出预期的视觉提示:例如,如果屏幕上出现一叠卡片,您可以倾斜一叠卡片的顶部卡片,并且用户可以推测卡片可以移动。
9、节奏
动态中的节奏和音乐与舞蹈中的节奏具有相同的功能,它构建了动态。使用节奏使您的动作更自然。
10、夸张
经常使用夸大的表达式,但它并不容易解释,因为它基于夸大的预期动作或效果。它可以帮助吸引对特殊元素的额外关注。
潍坊市奎文区新华医院入园体检咨询电话2023年春季儿童入园入托体检已开始,关于宝宝入园体检那些事儿,下面
深圳市宝安区松岗镇包括哪些村(深圳市宝安区松岗镇包括哪些村庄) 2023十堰开学健康第一课直播视频在哪里看 潍坊婚姻登记处电话(潍坊婚姻登记处电话查询) 2023年2月6日起全面恢复内地与港澳人员往来