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

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

甜美出哑铃作者:甜美出哑铃 发布时间: 2024-03-13 14:02:03 浏览量:454次

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设计,重要的是与时俱进,多多吸收新的知识,还有更多想要了解的问题可以联系我们的在线老师~

火星时代教育-AI变现资源包
火星时代教育 影视学院刘老师,为你解答
  • 相关推荐
  • 人气推荐
  • 教程分享
  • 相关标签

优秀作品赏析

  • 2101期学员李思庭作品

    作 者:李思庭

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

  • 2104期学员林雪茹作品

    作 者:林雪茹

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

  • 2107期学员赵凌作品

    作 者:赵凌

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

  • 2107期学员赵燃作品

    作 者:赵燃

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

  • 微信扫码入群领福利

    扫码领福利最新AI资讯

    点击咨询
    添加老师微信,马上领取免费课程资源

    1. 打开微信扫一扫,扫描左侧二维码

    2. 添加老师微信,马上领取免费课程资源

    ×

    同学您好!

    您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
    确定