当前位置:设计教程网 > UI设计 > 移动UI >

炫酷的UI设计动效,UI设计师喜欢搞的小动作

2017-11-06 09:26 来源: 设计教程自学网 分类: 移动UI
104 作者:丝路教程网

[导读] 现在做手机UI交互不是简单的做点样子出来就可以成为使用的产品界面哦,各种各样的交互也是在APP等客户端中显现,当然也许这才能体现UI设计动效,展示自己真正的UI设计实力,那么

  现在做手机UI交互不是简单的做点样子出来就可以成为使用的产品界面哦,各种各样的交互也是在APP等客户端中显现,当然也许这才能体现UI设计动效,展示自己真正的UI设计实力,那么接下来丝路教程网分享几个UI设计师经常喜欢搞的一些关于UI设计动效方面的小动作。

  一.iOS设计规范中动效存在的意义
  
  1.传达状态和提供反馈
  
  当我们进行操作或者点击的时候,我们可以很清楚的看到动效对我们的操作状态提供 的反馈,它会告诉用户此时你做什么,以及程序有没有应答你。
炫酷的UI设计动效,UI设计师喜欢搞的小动作
  
  2.帮助人们可视化操作结果
  
  当你执行一个操作的时候,可以直观的看到操作结果。
 
炫酷的UI设计动效,UI设计师喜欢搞的小动作  
  3.增强直接操作的感受
炫酷的UI设计动效,UI设计师喜欢搞的小动作
  
  二.动效是如何提升用户体验的
  
  程序响应需要一定时间的等待,然而面对等待,用户总是缺少耐心。所以充满个性,有趣的动效可以缓解用户等待时的焦急情绪,使用户对你的设计多一份喜爱,让他们觉得至少这个设计还不错。
  
炫酷的UI设计动效,UI设计师喜欢搞的小动作
  
炫酷的UI设计动效,UI设计师喜欢搞的小动作

炫酷的UI设计动效,UI设计师喜欢搞的小动作
  
  1.明确层级关系
  
  为了展现层与层的关系,可以使用特效,不论是抽屉,是打开,还是平级切换等等,动效可以直观的让用户知道这个界面和上一个、下一个界面的关系。
炫酷的UI设计动效,UI设计师喜欢搞的小动作
  2.增加界面的活力
  
  增加用户预期之外的惊喜。这个动效可以是帅气的,可以是卖萌,可以有些物理属性,总之动效可以让用户感知到产品的生命力。
炫酷的UI设计动效,UI设计师喜欢搞的小动作 
  3.吸引用户持久的注意力
  
  在某些数据量较大的界面中添加一些动效,可以让用户保持持久的注意力,使阅读过程不再乏味。
炫酷的UI设计动效,UI设计师喜欢搞的小动作
  4.增加界面与界面衔接的延续感
  
  界面的跳转不可以避免,但是如果让本来分别独立的2个界面或者事件拥有了某种特定的联系,可以使产品显得更加好玩。
炫酷的UI设计动效,UI设计师喜欢搞的小动作
 
  以上案例是几款比较常用的UI动效,实际情况中,多数的优秀动效设计都会同时满足以上几点的用户体验。总体来说,UI动效设计可以更有效地提高用户体验。需要注意的是,动效设计尤其要注意交互逻辑,这样才能让你的作品不但看起来帅气逼人,而且更能发挥实际作用。

免责声明:

丝路设计教程自学网的部分文章信息来源于网络以及网友投稿,本网站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,如权利人发现存在误传其作品情形,请及时与本站联系。

Copyright © 2008-2017 blog.silucg.com 丝路教程网 版权所有 网站地图 室内教程 | 室内软装 | 创意家居 | 室内风水设计 | 室内设计培训 | UI教程 | 移动UI | 网页UI | 游戏UI | UI设计培训 | 平面设计 | PS | AI |
点击这里给我发消息
0元免费学设计
姓名:
电话:
微信:
Q Q:
课程: