随着技术和硬件设备性能的提高,效果已经不是视觉设计中的奢侈品了。效果不仅是华丽的动态效果,还帮助设计师和用户解决很多接口功能上的问题,让这个用户更容易理解产品,让设计师更好的表现。界面更能让人充满活力,更能让人感受到大自然的力量。
1、系统状态
为了保证每个APP的正常运行,经常进行从服务器下载、初始化数据、加载组件的过程。做这些事情的话,系统总是需要一定的时间,但是用户即使看了静止的接口也不知道这些事情,所以利用效果让用户更容易理解,后台还在运行。正在处理数据。需要有效地、视觉地让用户知道这些信息,让用户有控制感。
装入指示器
对于很多数码产品来说,公路是不可避免的。不能有效解决加载问题,但不要让等待无聊。当我们不能缩短载入时间时,等待应该更有趣。创造性的载入指示符可以减少用户对时间的感知。效果会影响用户对产品的看法。界面看起来比实际更好。如果APP在用户等待的时候给他们看了更有趣的东西,他们自然会忽略等待自己。
2、导航和转移
动作效果的最基本的功能是呈现转变状态。如果页面布局改变,则效果的存在将使用户理解该状态的变化并呈现过渡过程。作为经典例子,汉堡图标显示隐藏菜单的转换效果。可以有效吸引用户的注意,让用户在愉快的氛围中获得信息。汉堡的有效性是用户最期待的,但是强化导航的效果不仅如此。
导航内容之间的转换
设计师通过在各种各样的内容之间使用户顺利地迁移、切换,来说明UI的变化是如何发生的。转变效果是UI处于不同状态的中间环节,有助于用户理解。
视觉级别和元素连接
动态效应可以完美地解释界面元件之间的关系,并且阐明它们如何完美地相互作用。
功能的变化
在很多情况下,设计师会强制设计可以点击的按钮。功能会根据特定的情况发生变化。在移动终端的设计中,由于屏幕空间的限制,经常能看到这样的按钮。
“再现”和“暂停”是最常见的多状态切换的例子。
这种效果表明当用户相互作用时元素如何变化。在下面的情况下,用户按下按钮,将加号转换成铅笔图标。在展开后的交互列表中,铅笔代表的是第一个操作。这样的小细节指示了下一个可能步骤的相互作用。
3、视觉反馈
视觉反馈对于任何UI接口都是重要的。视觉反馈似乎让用户掌握了所有,这意味着用户能够理解和理解当前内容和状态。
确认
按钮和控件等用户界面元素实际上在屏幕后面也可以单击。在我们的现实生活中,我们希望按钮和各种控制能够响应我们的相互作用,在接口上得到类似的反馈。
为了解决这个问题,设计师引入了视觉化的效果,提醒用户,可以实际反馈这些虚拟按钮。
显示操作后的结果
动态效果可以增强每个交互的结果并提高用户交互。在以下Stripe的情况下,如果用户单击“支付”,则会有暂时的过渡效果。这个效果可以让用户更享受这个过程,支付也更方便更轻松。