动效在网页设计中的三个关键用途
时间:2017-07-27 来源: 点击:

  随着技术和硬件设备性能的提升,动效已经不再是视觉设计中的贵品。动效不仅仅是华丽的动态效果,它首先帮助设计师和用户解决了许多界面功能上的问题,让这用户更容易理解产品,也让往网站设计师更好的表达。动效本身还让整个界面更加活泼,充满生命力,更加自然的相应让就用户和界面之间有了情感的联系。

北京网站建设公司

 

  1、系统状态

  每个APP 为了保证正常的运行,后台总会有许多进程在进行着,比如从服务器下载数据,初始化状态,加载组件等等等等。做这些事情的时候,系统总是需要一定的时间来进行的,但是用户看着静止的界面并不会明白这些,所以需要借助动效让用户明白,后台还在运行,在处理数据。通过动效,从视觉上告知用户这些信息,让用户有掌控感,是很有必要的。

  加载指示器

  对于许多数字产品而言,加载是不可避免的。虽然动效并不能解决加载的问题,但是它会让等待不再无聊。

  当我们无法让加载时间更短的时候,我们应该让等待更加有趣。

  充满创意的加载指示器能够降低用户对于时间的感知。动效会影响用户对于你的产品的看法,它会让界面比实际上看起来更好。

  如果一个APP在用户等待的时候,给他们看更有趣的东西,他们自然会忽略等待本身。

  2、导航和过渡

  动效较基本的功用是呈现过渡状态。当页面布局发生改变的时候,动效的存在会帮助用户理解这种状态的改变,呈现过渡的过程。一个经典的案例就是汉堡图标呈现隐藏菜单的过渡动效。

  3、视觉反馈

  视觉反馈对于任何网页设计界面都是非常重要的。视觉反馈让用户觉得一切都尽在掌握,可以预期,而这种掌握意味着用户能够明白和理解目前的内容和状态。

  确认

  用户界面元素,诸如按钮和控件,应该看起来是可点击的,即使它们实际上是在屏幕背后。

  在我们的现实生活中,按钮和各种控件都会对我们的交互产生响应。人们期望在界面中获得类似的反馈。

  为了解决这个问题,设计师引入了视觉化的动效来提醒用户,让这些虚拟的按钮看起来能像真实的那样有反馈。

上一篇:如何设计可以直接带来销售转化的着陆页?下一篇:网站设计制作过程中会出现哪些问题?