导航
  • 报考
  • 备考
  • 政策

报考

备考

复习资料

政策

行业动态

UI设计课堂:UI设计师必须懂的动效设计之如何评价动效设计的好坏?

环球网校·2019-11-25 17:14:38浏览117 收藏46

请输入下面的图形验证码

提交验证

预约成功

我知道了
摘要 大家周一好呀!UI设计课堂跟大家好久不见啦,今天我们要讲的是:如何评价动效设计的好坏?作为用户体验领域不可或缺的一部分,动效设计已经随处可见,今天我们就一起系统的了解下相关内容,让它真正变成设计师手中解决问题的好帮手。感兴趣的小伙伴跟着小编一起来学习吧!

从感官体验上来讲动效设计非常活泼有趣,但其背后存在明确的原则,这些原则能够帮助设计师对作品进行自我评估,然而动效原则众多且晦涩抽象,所以笔者将其归纳为以下三个设问句,需要大家反复思考权衡这3个问题:

如何评价动效设计的好坏(1):承载功能性了吗?

动效设计一定是某项功能的载体,任何动效都有其意义,它能够补充理解能力的差距。

思考自己动效的功能是什么?最终目标是什么?产品意图是什么?阐述层级关系?吸引用户注意力?对用户操作做出反馈?让页面变得更加美观?或者是在这些表现层面之后的其他意义?这些内容往往是穿插在一起的,读者可从上文提到的阐述,吸引,反馈,提升四个方向入手。

如何评价动效设计的好坏(2):动效合理吗?

符合客观世界规律:元素运动的方式是否符合物理规则?元素的使用是否符合用户常识以及对产品的认知?

一致性:交互设计原则也存在于动效设计中,运动中元素的X(横向)Y(纵向)Z(垂直屏幕方向)轴方向应该存在规律,元素的运动应该是有序的。同时,动效的视觉语言(基本动画原则:动态曲线,动效风格等)也应该是一致的。

效率:元素是否简洁?是否存在夸张的动态效果?用户讨厌被无关的内容分散注意力

如何评价动效设计的好坏(3):动效生动吗?

在不降低用户执行任务效率的前提下,我们应该使动画更加生动,更具趣味性,表达情绪,避免枯燥。

网络上关于运动曲线的资料很多,笔者在这里只例举最常用的几种,在了解基本的运动曲线属性后,希望大家能够结合惯性重力材质三要素进行尝试,相信会有所收获,同时观察生活细节,模拟动植物的动势能够让你直观的体会上文中的内容。

怎么样,大家有没有收获良多呢?今天的UI设计课堂:UI设计师必须懂的动效设计之如何评价动效设计的好坏。就到这里啦~不知道小伙伴们有没有学会今天的内容呢?希望大家能迅速掌握今天环球网校跟大家介绍的内容,多加练习。更多精彩内容和独家干货,请持续关注环球网校的更新哦~我们下期再见。

资料下载
历年真题
精选课程
老师直播

注册电脑版

版权所有©环球网校All Rights Reserved