昆明天琥设计培训学校 培训资讯

UI设计中的动效设计标准和规范是什么

来源:昆明天琥设计培训学校  时间:2025-09-13 11:38:29

昆明天琥设计培训学校为大家详述,现如今,出色的界面动效很能让人产生深刻印象,甚至是带来惊喜。它一方面表达了界面之间的交互过程,解释说明如何使用应用,另一方面也能正确引导用户的注意力。本文将界面动效的主要原则和规范做一个收集归纳,便于设计师进行快速决策。

  昆明天琥设计培训学校为大家详述,动效与用户体验的结合相对较新,其根源是迪士尼动画设计的十二个条基本原理。迪士尼动画原理是为了讲故事而提炼出的基本的物理运动规律。这些原理能让绘制的卡通角色移动和表演,但不能充分满足现代UI界面的交互需求。为了弥合这个差距,动效专家CanedoEstrada改编的《动效设计的10条原理》更适合应用到数字产品设计中。

  ·简单与复杂

  图标动效可以根据选项重要等级使用简单或复杂的动效

  简单:等级低的图标使用简单一致的动效

  复杂:可以经过复杂动动效来强调应用中重要的图标

  ·图标动效的持续时间

  图标动效越复杂需要的时间就越长以免显得仓促为了保持应用的一致性对具有相似度的图标使用相同的持续时间

  ·动效的速度和持续时间

  当界面元素改变他们的状态和位置时,动画的持续时间应该以用户能注意到又不用等待为标准。

  大量的研究发现在界面中较 优的时间是200-500ms。这个数字是根据人类大脑的认知水平得出来的。任何小于100ms的动画是人类很难感知到的,而其他大于1秒的动画又会让用户觉得有些延迟,不够流畅。

  还需要记住的一点就是,无论在什么平台,动画的持续时间不仅跟它的移动距离有关,还跟它本身的大小有关系。小的元素或者变化不大的动画应该要移动的更快,而大的元素或者复杂的元素持续时间稍长一些看起来会更好。

尊重原创文章,转载请注明出处与链接:http://kmthu.5zix.com/news/139743/ 违者必究! 以上就是昆明天琥设计培训学校 小编为您整理UI设计中的动效设计标准和规范是什么的全部内容。


申请试听课程

只要一个电话
我们免费为您回电

较新课程

昆明UI设计实战培训班

昆明UI设计实战培训班

UI设计前景好,缺口大

咨询 报名

昆明视频剪辑培训班

昆明视频剪辑培训班

昆明视频剪辑辅导班适合职场入门群体与转型

咨询 报名

昆明电商设计运营培训班

昆明电商设计运营培训班

随着电商的爆炸式发展,行业人才缺口巨大。

咨询 报名

昆明室内空间创意培训班

昆明室内空间创意培训班

随着中国房地产的崛起,买房热的兴起,家装

咨询 报名

昆明平面视觉创意培训班

昆明平面视觉创意培训班

该课程适合想要学习平面设计的学员,学习P

咨询 报名