手机版学校入驻客服中心网站导航

欢迎来到上海UI设计培训学校!

咨询热线

ui干货!界面交互动效核心知识的分类与总结

来源:上海UI设计培训学校    时间:2017/9/15 18:04:03

  一、什么是界面交互动效?

  界面交互动效是展现界面间的转换和界面内元素变化的交互反馈。而效果就表现在触发与结束的过程中,表现清晰的层级关系,自然的引出与结束。交互动效有着承上启下的重要作用。

  二、 界面交互动效注意点

  动作动效不超过1秒。

  在效率型应用中,过度、无意义的动画只会阻塞任务流程。

  避免动效过于花哨、酷炫、标新立。

  用户专注内容时,不要用吸引注意的动画去打扰。

  出现频率高的操作动效,避免用户反感,延迟操作时间。

  三、界面交互动效是用来干什么的?

  让用户清晰地感受到当前所处场景和层级关系。

  给用户制造惊喜感使用户愉悦。

  四、 界面交互动效如果以动效的表现属性来分可以分为两种

  种:为衔接类型动画

  主要针对不同界面直接的衔接,为带来更流畅的操作观感所做的设计,弥补两个界面直接的差异所带来的用户感知落差。

  第二种:特效类动画

  特效的核心目的是为了吸引用户的注意力,提高信息敏感度,在游戏界面设计当中使用更为广泛,能够带来更加绚丽的动态画面。

  五、如何设置缓动曲线与时间让动效更加自然,可以看下面的一些总结

  linear曲线(匀速运动)除了一些特殊场景如加载、很少被使用。

  easeIn(先缓后快)使用场景较少,主要在掉落、中使用。

  easeInOut(头尾缓、中间快)通常在轮转切换的动画中使用,这类动画的触发对象与运动对象并不是同一个元素。

  easeOut(先快后缓)常见的效果,其触发对象与运动对象往往是同一个。主要用在展开、收起、出现、移动等动画中。当不知道用哪个缓动曲线时,用这个一般不会错。

  上海UI设计培训小编总结:

  做界面交互动效的目的是为了更好地落地。如何更好地地表现我们设计的动效。同时使得我们制作的动效可以很好的运用到实现落地中,这是很重要的,不然所有的一切都是海市蜃楼。

  动效创意方面的创新要依据用户的认知模型。单纯很炫很酷的动效如果脱离了用户的认知模型,那么这样的交互动效对于整个产品来说是有害的。

联系方式

选择专业时,如果犹豫不定,不知道选择哪个比较好,敬请致电,专业的咨询老师会为你解答。

  • 报名热线:400-035-8011
  • 咨询老师:王老师
  • 点击咨询:
开课专业
友情链接: [深圳ui设计培训学校] [西安ui设计培训学校] [上海非凡进修学院]

电脑版|手机版

版权所有: 郑州天华信息技术有限公司