昆明UI培训
达内昆明五一路

18487146383

热门课程

UI设计中动效的用途

  • 时间:2017-03-14
  • 发布:昆明UI培训
  • 来源:人人都是产品经理

这一期UI培训机构老师跟大家谈谈:UI设计中动效的三个关键用途,动效对于UI界面在功能和情感上的强化到底有哪些呢?今天的文章,我们从三个方面来聊聊这件事情。

1、系统状态

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

2、导航和过渡

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

3、视觉反馈

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

动效可以强化每一个交互的结果并且提升用户交互。在下面的Stripe的案例当中,当用户点击“支付”的时候,会有一个短暂的过渡动效,这个动效让用户更加欣赏这个过程也让支付显得更加便捷轻松。

今天的讲述到这里就结束了,如果您对UI培训机构老师所讲述的内容有简介或更好的理解,欢迎大家一起讨论!

上一篇:招UI设计师,主要看方面是哪些?
下一篇:聊聊为什么说静谧如画,永铸经典?

商业目标与产品面貌!

电商设计师价值!

资深设计师比新手高在哪?

哪些UI错误,让APP置于死地的?

选择城市和中心
贵州省

广西省

海南省

台湾