动态效果的可用性：互动动态效果的基础
日期：2024-06-06 作者：小天
来源：www.txunda.com
人气：529
在用户界面中，动态效果不只是一种视觉上的点缀，更是一种能提高产品体验，扩大设计沟通范围的有力手段。这篇文章将为你提供12个最基础的动作效果设计原则，它们适用于用户界面和用户界面的设计，是一种很实用的动作原则，推荐你收藏起来，反复使用。
天津天迅达科技有限公司
如果您需要相关服务，可以找天津天迅达科技有限公司，我们的业务有Web开发、iOS APP、Android APP、微信开发、HTML5开发等，天迅达——您身边的App个性化定制专家！
一、缓慢的加速
缓进效应模仿真实世界中物体随着时间的推移而加快或者减慢的过程。在自然中，任何事物都不会以直线的方式从一个点运动到另一个点。在实际生活中，当运动的时候，物体有加快或者减慢的倾向。我们的头脑已经习惯了这一点，所以在制作动画的时候，我们应该充分利用这个规则。天然的运动能使使用者感到更加舒服，并带来更好的整体体验。1.线型动画,如果动画中不存在速度改变，那么就叫做线性动画。这样的动画会给人一种生硬、不自然的感觉，给人一种不和谐的感觉。通常情况下，直线运动应该被避开。2.缓放动画,这种动作以快速开始，在结束时变慢为特征的动作叫做慢动作。动作曲线是抛物线的，慢动作动画是最符合画面中动作效果的，迅速进入让人有一种迅速响应的感觉。3.缓进动画,与“缓进”不同，“缓进”动画一开始就很慢，最后就会变得更快，就好像一个球在自然下落时，会变得越来越快。但在互动方面，由于结局太过突兀，所以显得有些不自然；在真实世界中运动的对象倾向于慢下来，而非突然停下来。缓进也会让用户觉得动作变得很慢，这会降低用户对网站和程序的反应。4. 缓出入动画,将缓进与缓出曲线相结合，便构成了一幅完整的缓进-缓出动画，其移动过程模拟了车辆从启动到停止的全过程，能达到较简单缓慢的效果。因为缓慢的开始，缓慢的中间，缓慢的结束，将会有更强烈的反差，使使用者很高兴。综上所述，缓动原则其实就是为了让动画变得不那么锋利和僵硬。
二、变形变换
变形是一种从一种形体到另外一种形体的变形，在动画中最为突出。藉由元件形式的变化，告诉使用者元件的状况或角色已变更。比如这段视频，在下载完毕之后，就会变成一个按钮，这也是玩家们想要的。这样的无缝切换，增加了使用者对动画的认同感，增强了画面的连贯性。在动画效果中，运用挤出形变原理，可以激发使用者的主观记忆；它是刚或软，可以从物体的运动变形状况中得到很好的反映。
三、克隆 Cloning
在复制单元时，可以表示单元间的某些连续关系。在这一原则下，物品的显现与离去之间的连续性、关联性与转捩点是实现信息精确传达的关键。比如这个“发行”按钮，点一下就能创造出许多新的物体，吸引人们的注意，而且很清楚地把它们联系在一起。
四、覆盖 Overlay
通过使用覆盖原则，可以扩展原有的有限空间，以展示更多的可视元素，弥补单一视角或者说“客观视图”给使用者带来的视觉感受。在界面设计中，重叠原则是常用的一种方法，它可以通过重叠、隐藏等方式来降低视觉上的分心。从一定意义上讲，“层”这一概念对于设计者来说是很明显和不言自明的。我们采用分层进行设计，分层的观念根深蒂固。不过，在“制作”与“使用”这两个步骤之间，一定要注意区别。身为一个经常参加“制作”流程的设计者，我们必须对所设计对象的各个部件都十分熟悉（包括隐蔽部件）。但是，对于使用者来说，这些看不见的部份，按照其定义与惯例，是看不见的，也是看不见的。
五、偏移和延迟
等距与延时原则是指各要素间的等级与联系，当有新的元素进入时，通过移位、延时等方式使其有序地进入，从而确定事物间的联系与等级。在上述例子中，浮动动作按钮（FAB）被转化成了头的背景。通过延时顺序显示的数据图，提示使用者此处的信息与其它要素的不同，从而引起使用者的注意。
以上所有设计图和部分文字均来自网络，如有侵权，请call我删除，感谢~
天津天迅达科技有限公司经过多年来对APP、小程序、以及网站建设的探索，已经帮助每一个客户快速开发出属于自己的APP、小程序、网站，是万千企业之选。
标签：天迅达科技 天津APP开发 天津网站建设 网站建设
天津天迅达科技有限公司
如果您需要相关服务，可以找天津天迅达科技有限公司，我们的业务有Web开发、iOS APP、Android APP、微信开发、HTML5开发等，天迅达——您身边的App个性化定制专家！
一、缓慢的加速
缓进效应模仿真实世界中物体随着时间的推移而加快或者减慢的过程。在自然中，任何事物都不会以直线的方式从一个点运动到另一个点。在实际生活中，当运动的时候，物体有加快或者减慢的倾向。我们的头脑已经习惯了这一点，所以在制作动画的时候，我们应该充分利用这个规则。天然的运动能使使用者感到更加舒服，并带来更好的整体体验。1.线型动画,如果动画中不存在速度改变，那么就叫做线性动画。这样的动画会给人一种生硬、不自然的感觉，给人一种不和谐的感觉。通常情况下，直线运动应该被避开。2.缓放动画,这种动作以快速开始，在结束时变慢为特征的动作叫做慢动作。动作曲线是抛物线的，慢动作动画是最符合画面中动作效果的，迅速进入让人有一种迅速响应的感觉。3.缓进动画,与“缓进”不同，“缓进”动画一开始就很慢，最后就会变得更快，就好像一个球在自然下落时，会变得越来越快。但在互动方面，由于结局太过突兀，所以显得有些不自然；在真实世界中运动的对象倾向于慢下来，而非突然停下来。缓进也会让用户觉得动作变得很慢，这会降低用户对网站和程序的反应。4. 缓出入动画,将缓进与缓出曲线相结合，便构成了一幅完整的缓进-缓出动画，其移动过程模拟了车辆从启动到停止的全过程，能达到较简单缓慢的效果。因为缓慢的开始，缓慢的中间，缓慢的结束，将会有更强烈的反差，使使用者很高兴。综上所述，缓动原则其实就是为了让动画变得不那么锋利和僵硬。
二、变形变换
变形是一种从一种形体到另外一种形体的变形，在动画中最为突出。藉由元件形式的变化，告诉使用者元件的状况或角色已变更。比如这段视频，在下载完毕之后，就会变成一个按钮，这也是玩家们想要的。这样的无缝切换，增加了使用者对动画的认同感，增强了画面的连贯性。在动画效果中，运用挤出形变原理，可以激发使用者的主观记忆；它是刚或软，可以从物体的运动变形状况中得到很好的反映。
三、克隆 Cloning
在复制单元时，可以表示单元间的某些连续关系。在这一原则下，物品的显现与离去之间的连续性、关联性与转捩点是实现信息精确传达的关键。比如这个“发行”按钮，点一下就能创造出许多新的物体，吸引人们的注意，而且很清楚地把它们联系在一起。
四、覆盖 Overlay
通过使用覆盖原则，可以扩展原有的有限空间，以展示更多的可视元素，弥补单一视角或者说“客观视图”给使用者带来的视觉感受。在界面设计中，重叠原则是常用的一种方法，它可以通过重叠、隐藏等方式来降低视觉上的分心。从一定意义上讲，“层”这一概念对于设计者来说是很明显和不言自明的。我们采用分层进行设计，分层的观念根深蒂固。不过，在“制作”与“使用”这两个步骤之间，一定要注意区别。身为一个经常参加“制作”流程的设计者，我们必须对所设计对象的各个部件都十分熟悉（包括隐蔽部件）。但是，对于使用者来说，这些看不见的部份，按照其定义与惯例，是看不见的，也是看不见的。
五、偏移和延迟
等距与延时原则是指各要素间的等级与联系，当有新的元素进入时，通过移位、延时等方式使其有序地进入，从而确定事物间的联系与等级。在上述例子中，浮动动作按钮（FAB）被转化成了头的背景。通过延时顺序显示的数据图，提示使用者此处的信息与其它要素的不同，从而引起使用者的注意。
以上所有设计图和部分文字均来自网络，如有侵权，请call我删除，感谢~
天津天迅达科技有限公司经过多年来对APP、小程序、以及网站建设的探索，已经帮助每一个客户快速开发出属于自己的APP、小程序、网站，是万千企业之选。
标签：天迅达科技 天津APP开发 天津网站建设 网站建设
相关资讯
- 数字孪生：现实世界的身外化身 2024-12-06
- 微信公众号全面“今日头条化”，自媒体将迎来“第二春”？ 2024-12-04
- 优质长视频的破圈效应 2024-12-05
- 奶茶行业的裂变营销 2024-12-03
- 浅浅分享下支付产品经理如何写全局性的需求文档以及工作流程 2024-12-02
- “麦学”爆红：一场精心策划的营销盛宴 2024-11-29
- 如果遇到麦琳式的领导，怎么办？ 2024-11-28
