当前位置:首页 >UI学院 >学院新闻

带有“小动作”的ui设计不一般

宸荨南笙作者:宸荨南笙 发布时间:2019月05月24日 18时56分26秒 浏览量:410次

UI动效设计是最近几年才出现的名词,但是越来越多的团队已经意识到动效在产品体验中的重要性,不少设计师们也开始投身UI动效设计领域。那么到底我们为什么需要UI动效,什么样的动效才能增强用户体验的舒适度呢?下面小编就来和大家深度交流一下~

带有“小动作”的ui设计不一般1.gif

iOS设计规范中动效存在的意义

1传达状态和提供反馈

当我们进行操作或者点击的时候,我们可以很清楚的看到动效对我们的操作状态提供 的反馈,它会告诉用户此时你做什么,以及程序有没有应答你。

带有“小动作”的ui设计不一般2.gif

2帮助人们可视化操作结果

当你执行一个操作的时候,可以直观的看到操作结果。

带有“小动作”的ui设计不一般3.gif

3增强直接操作的感受

带有“小动作”的ui设计不一般4.gif

动效是如何提升用户体验的

程序响应需要一定时间的等待,然而面对等待,用户总是缺少耐心。所以充满个性,有趣的动效可以缓解用户等待时的焦急情绪,使用户对你的设计多一份喜爱,让他们觉得至少这个设计还不错。

带有“小动作”的ui设计不一般5.gif

如果你希望用户点击这个地方,请给它一个动效。

带有“小动作”的ui设计不一般6.gif

如果你希望你的点击效果不一样,请给它一个动效。

带有“小动作”的ui设计不一般7.gif

1明确层级关系

为了展现层与层的关系,可以使用特效,不论是抽屉,是打开,还是平级切换等等,动效可以直观的让用户知道这个界面和上一个、下一个界面的关系。

带有“小动作”的ui设计不一般8.gif

2增加界面的活力

增加用户预期之外的惊喜。这个动效可以是帅气的,可以是卖萌,可以有些物理属性,总之动效可以让用户感知到产品的生命力。

3吸引用户持久的注意力

带有“小动作”的ui设计不一般9.gif

在某些数据量较大的界面中添加一些动效,可以让用户保持持久的注意力,使阅读过程不再乏味。

4增加界面与界面衔接的延续感

带有“小动作”的ui设计不一般9.gif

界面的跳转不可以避免,但是如果让本来分别独立的2个界面或者事件拥有了某种特定的联系,可以使产品显得更加好玩。

 带有“小动作”的ui设计不一般.png

以上案列是几款比较常用的UI动效,实际情况中,多数的优秀动效设计都会同时满足以上几点的用户体验。总体来说,UI动效设计可以更有效地提高用户体验。需要注意的是,动效设计尤其要注意交互逻辑,这样才能让你的作品不但看起来帅气逼人,而且更能发挥实际作用。

以上就是小编的分享,想要长期立足于ui设计,重要的是与时俱进,多多吸收新的知识,还有更多想要了解的问题可以联系我们的在线老师~

专业秒懂

还有疑问?
当下是CG行业正热之时,CG技术人才缺口大,月薪高,一将难求。你所熟知的《千与千寻》、《龙猫》等动漫世界里的经典场景,好莱坞大片《复仇者联盟》、《星际穿越》、《安德的游戏》中酷炫的3D电影特效镜头等,都是由无数的CG设计师创作呈现出来的成果。火星时代课程与行业前沿技术相贴合,开设影视后期、剪辑包装、游戏设计、游戏开发、UI设计、商业插画、室内设计等专业,同学们可根据自己的爱好和职业发展选择自己喜欢的专业方向深入学习。
  • 相关推荐
  • 人气推荐
  • 教程分享
  • 相关标签

优秀作品赏析

  • 2101期学员李思庭作品

    作 者:李思庭

    所学课程:2101期学员李思庭作品

  • 2104期学员林雪茹作品

    作 者:林雪茹

    所学课程:2104期学员林雪茹作品

  • 2107期学员赵凌作品

    作 者:赵凌

    所学课程:2107期学员赵凌作品

  • 2107期学员赵燃作品

    作 者:赵燃

    所学课程:2107期学员赵燃作品

  • ×
    扫码快速获取
    ×