糖水店vi设计的核心价值在于为企业打造独特的品牌,糖水店vi设计可以给企业带来良好的社会声誉和经济效益。
注:本文“糖水店vi设计”配图为本公司设计作品
过渡是在用户界面中交流变化的有效方式。它们可以用于应用程序中,帮助将大量认知工作转移到视觉皮层:它们帮助用户在导航上下文之间转移,解释屏幕上元素排列的变化,并加强元素的层次结构。因此,它们是交互设计的基本元素。成功的动画过渡具有以下五个特征:
1.好的用户界面动画是自然的,默认情况下,用户界面中的状态变化通常涉及硬剪切,这可能会使它们难以遵循。在现实世界中,大多数事情不会立即出现或消失。当一个事物有两个或更多的状态时,如果转换是动态的而不是瞬时的,那么状态之间的变化将更容易被用户理解。让我们看下面的例子,用户在列表中选择一个项目来放大它的详细视图。在扩展过程中,小卡片沿弧线向其目的地移动,同时扩展成更大的卡片。这一运动是由现实世界的力量激发的。
2.有效的用户界面动画是分阶段的,一个分阶段的动画过渡可以引导用户的注意力,并阐明状态的变化。这个特点直接关系到用户的专注度和持续性。好的过渡有助于在正确的时间将用户的注意力引导到正确的地方,它根据目标将重点放在正确的元素上。在下面的例子中,浮动操作按钮(FAB)转换成由三个按钮组成的标题导航元素。第一次使用的用户不能真正预测将要发生的交互,但是一个恰当的动画过渡可以帮助用户保持方向感,而不会感觉到内容突然改变了。这种转变有助于引导用户进入交互的下一步。
3.最好的用户界面动画是关联转换,应该说明元素是如何连接的。好的过渡将新创建的曲面与创建它们的元素或动作相关联。关联连接背后的逻辑是帮助用户理解视图布局中刚刚发生的变化,以及是什么触发了这种变化。下面你可以看到两个层间转换的例子。在第一个例子中,新层出现在远离触发它的触摸点的地方,这打破了它与输入法的关系。在第二个示例中,新层出现在接触点的右侧。从而将元素绑定到接触点。另一个例子可以在mac 操作系统中找到,它在最小化窗口时使用动画过渡。该动画将第一种状态与第二种状态联系起来。
4.流行的用户界面动画很快如果你只关心一个动画原则,那肯定是时间。在设计过渡时,时机可以说是最重要的考虑因素之一。动画应该快速而精确,在用户开始动作和动画开始之间有很少或没有延迟时间。还有,auser不用等动画结束。在下面的例子中,缓慢的动画产生了不必要的延迟并延长了持续时间。当元素在状态之间移动时,移动应该足够快,不会引起任何等待,但又足够慢,以便转换可以被理解。为了让动画有效地传达用户界面元素之间的因果关系,效果必须在用户初始动作的0.1秒内开始,以保持直接操作的感觉。尽量保持动画持续时间在300毫秒或以下,因为快速过渡浪费用户的时间更少。和你的用户一起测试一下,看看什么是可以忍受的。
5.最好的用户界面动画是清晰的。让用户界面过载动画或者创建太复杂的交互是一个常见的错误。用户界面的太多变化会使用户迷失方向,需要时间来恢复。请记住,屏幕上的每个动作都会吸引注意力,因此过多的动画同时出现会造成混乱。过渡应该避免一次做太多,因为当多个项目需要向不同的方向移动时,它们会变得混乱。记住,特别是对于动画和过渡来说,少即是多。任何如果被移除会使用户界面变得清晰的东西几乎肯定是一个好主意。当一个表面改变形状和大小时,你必须为下一个视图保持一条清晰的路径。复杂的过渡应该保持单个元素可见。这有助于保
注:本文“糖水店vi设计”配图为本公司设计作品


总监微信咨询 舒先生

业务咨询 张小姐

业务咨询 付小姐