界面动态设计简介

发布时间:2020-06-28 15:49:00

想成为一名设计师,我怎么能不懂UI的动态设计呢?让我们简单了解一下动态设计:

想成为一名设计师,我怎么能不懂UI的动态设计呢?让我们简单了解一下动态设计:

动态设计,顾名思义,就是动态效果的设计。所有运动对用户界面的影响也可以看作是界面设计和动态设计的交叉点。在UI设计中,良好的动态设计可以提高UI与用户的交互体验,使枯燥的界面生动,甚至给用户一种“砰砰”的感觉

优秀的用户界面动态设计对于提高产品体验、用户粘性等方面起着重要的作用,动态设计越来越流行是不言而喻的。在企业招聘中,动态设计占***优势

如今,动态设计越来越受到设计师的青睐。为什么这么多人想添加动态效果?我们简要介绍常见的动态效果类型,如下所示:

1、 旋转

旋转动态效应是操作界面过程中常见的一种动态效应。它主要是图标或其元素在切换过程中的角度旋转。这是一个针对特定图标的巧妙设计

在很多应用程序图标设计中,你都有旋转的效果来模拟错误摇晃的感觉,这让用户感觉亲近自然

2、 填充

填充的主要内容是填充图标的颜色。此效果适用于选择过渡到面形状的图标样式。教室里到处都是当地的色块或是整个教室。在转换的过程中,它可以是自然的和精辟的。

如果只有一个线性图标样式,图标会变薄,显示效果也不会那么理想

3、 形状变化

形状变化的动态效应具有很强的兴趣。它需要为图标形状元素定制。自由度相对较高。设计师有更多的扩散空间,他们可以自由发挥,产生更多有趣的效果。例如:VX的消息图标可以通过每次双击来切换不同的表达式包,给用户留下深刻的印象

4、 缩放

尺度动态效果更适合新手设计师。相对简单、稳定、包容。它是动态的,不太复杂。它用途广泛,适用于大多数产品。这是保守的,不容易出错。这对于视觉引导和清晰的反馈是***足够的

不同的界面效果给用户带来不同的体验。在设计的过程中,我们需要充分考虑到效果的主要特点和形式,无论是适合当前的情况还是站在客户的立场上

动态设计不是一种可选的视觉装饰,也不是设计师炫耀技能的手段,而是解决问题、提升体验的有效工具。它有明确的目的。同时,与静态页面动态设计相比,具有以下明显优势:

一、解释:通知界面的变化

当界面中的对象状态需要改变时,可以利用动态效果来显示变化的过程,这样用户就可以更清晰地感知、阐述层次关系和界面的变化

二、吸引:更有效地吸引用户的注意力,创造视觉焦点

当你希望用户关注某个区域或执行某个操作时,你可以通过动作效果吸引他们的注意力并有效地传达信息

三、及时反馈:让用户感觉更有控制力

当用户执行操作时,动态效果是一种非常有用的反馈机制。通过适当使用动态效果,用户可以清晰地感知到自己操作的反馈,从而让用户知道自己做了什么。但是反馈动画不能被滥用,这会使用户界面混乱

四、推广:有趣的内容缓解用户焦虑,提升用户体验

例如,加载动画可以有效地减少用户对时间的感知。对于用户来说,他们关注的是感知的速度,而不是应用程序消耗的实际速度

从感官体验的角度看,动态设计是非常生动有趣的,但背后有明确的原则。这些原则可以帮助设计师评估他们的作品。然而,动态设计原理是众多且模糊的

我们可以用三个简单的反问句来分析它,当你看到它的时候你可以思考它

动态设计必须是一定功能的载体。任何动态设计都有其自身的意义。它可以补充理解能力的差距。

思考自己的行为有什么作用?你的***终目标是什么?产品的用意是什么?解释层次结构?吸引用户的注意力?用户行为反馈?使页面更漂亮?或者在这些性能级别之后的其他含义?

这些内容经常穿插在一起。你可以从上面提到的四个方向开始:精化、吸引、反馈和提升

元素的移动方式是否符合物理规则?元素的使用是否符合用户的常识和产品意识?

一致性:交互设计原则也存在于动态设计中。运动元素的X(水平)y(垂直)Z(垂直屏幕)轴方向应有规律,元素的运动应有序。同时,动态视觉语言(基本动画原理:动态曲线、动态风格等)也要一致

效率:元素简单吗?有没有夸张的动态效果?用户讨厌被无关内容分散注意力

在不降低用户任务执行效率的前提下,要使动画更加生动、有趣,表达情感,避免枯燥乏味。至于“生动”,我们可以从以下几个方面入手:

速度:线性速度将使对象的运动看起来机械和刚性。调整运动曲线可以很好地解决这个问题

缓入:当一个物体以慢速开始并积累速度时,这个过程称为缓入。使用的时间是基于目的的。例如,当一个对象移出屏幕时,这个元素的重要性就降低了,因此可以加速

缓进:与缓进相反,当对象开始快速移动并减速时,此过程称为缓出。例如,当一个对象移动到图片中时,元素是非常重要的,因此可以减慢速度以避免吓坏用户

易进易出:适用于表达元件形状和状态的变化。加速时间小于减速时间。动画可以引导用户更加注重元素的结尾。从物理角度看,慢动作动画遵循惯性定律——物体的运动不会突然停止或瞬间加速(都有加速和减速过程)