GIF动图之“界面交互动效”分享
发布时间 : 2017-09-14 作者 : 博士通 浏览 : 1638界面交互动效是展现界面间的转换和界面内元素变化的交互反馈，交互动效有着承上启下的重要作用。
一. 什么是界面交互动效？
界面交互动效是展现界面间的转换和界面内元素变化的交互反馈。而效果就表现在触发与结束的过程中，表现清晰的层级关系，自然的引出与结束。交互动效有着承上启下的重要作用。
二. 界面交互动效是用来干什么的？
① 让用户清晰地感受到当前所处场景和层级关系。
② 多种UI元素之间的相互转换。
③ 给用户制造惊喜感使用户愉悦。
三. 界面交互动效五大注意点
① 避免动效过于花哨、酷炫、标新立。
② 在效率型应用中，过度、无意义的动画只会阻塞任务流程。
③ 动作动效不超过1秒。
④ 用户专注内容时，不要用吸引注意的动画去打扰。
⑤ 出现频率高的操作动效，避免用户反感，延迟操作时间。
四. 如何设置缓动曲线与时间让动效更加自然，可以看下面的一些总结
① linear曲线（匀速运动）除了一些特殊场景如加载、很少被使用。
② easeIn（先缓后快）使用场景较少，主要在掉落、中使用。
③ easeInOut（头尾缓、中间快）通常在轮转切换的动画中使用，这类动画的触发对象与运动对象并不是同一个元素。
④ easeOut（先快后缓）最常见的效果，其触发对象与运动对象往往是同一个。⑤ 主要用在展开、收起、出现、移动等动画中。当不知道用哪个缓动曲线时，用这个一般不会错。
⑥ 曲度主要表现运动过程的力的大小，曲度越大，启示力或阻力越大。
⑦ 回弹则表现的是运动的剧烈程度及对象的质地。
⑧ 运动时间一般都控制在0.3s-0.8s之间，过长的时间会让人感觉拖沓，不自然。
五. 界面交互动效如果以动效的表现属性来分可以分为两种
第一种：为衔接类型动画
主要针对不同界面直接的衔接，为带来更流畅的操作观感所做的设计，弥补两个界面直接的差异所带来的用户感知落差。
第二种：特效类动画
特效的核心目的是为了吸引用户的注意力，提高信息敏感度，在游戏界面设计当中使用更为广泛，能够带来更加绚丽的动态画面。
六.界面交互动效如果以界面的维度来说可以分为以下两类
第一类：界面内的交互动效
界面交互动效是展现界面间的转换和界面内元素变化的交互反馈。而效果就表现在触发与结束的过程中，表现清晰的层级关系，自然的引出与结束。交互动效有着承上启下的重要作用。
二. 界面交互动效是用来干什么的？
① 让用户清晰地感受到当前所处场景和层级关系。
② 多种UI元素之间的相互转换。
③ 给用户制造惊喜感使用户愉悦。
三. 界面交互动效五大注意点
① 避免动效过于花哨、酷炫、标新立。
② 在效率型应用中，过度、无意义的动画只会阻塞任务流程。
③ 动作动效不超过1秒。
④ 用户专注内容时，不要用吸引注意的动画去打扰。
⑤ 出现频率高的操作动效，避免用户反感，延迟操作时间。
四. 如何设置缓动曲线与时间让动效更加自然，可以看下面的一些总结
① linear曲线（匀速运动）除了一些特殊场景如加载、很少被使用。
② easeIn（先缓后快）使用场景较少，主要在掉落、中使用。
③ easeInOut（头尾缓、中间快）通常在轮转切换的动画中使用，这类动画的触发对象与运动对象并不是同一个元素。
④ easeOut（先快后缓）最常见的效果，其触发对象与运动对象往往是同一个。⑤ 主要用在展开、收起、出现、移动等动画中。当不知道用哪个缓动曲线时，用这个一般不会错。
⑥ 曲度主要表现运动过程的力的大小，曲度越大，启示力或阻力越大。
⑦ 回弹则表现的是运动的剧烈程度及对象的质地。
⑧ 运动时间一般都控制在0.3s-0.8s之间，过长的时间会让人感觉拖沓，不自然。
五. 界面交互动效如果以动效的表现属性来分可以分为两种
第一种：为衔接类型动画
主要针对不同界面直接的衔接，为带来更流畅的操作观感所做的设计，弥补两个界面直接的差异所带来的用户感知落差。
第二种：特效类动画
特效的核心目的是为了吸引用户的注意力，提高信息敏感度，在游戏界面设计当中使用更为广泛，能够带来更加绚丽的动态画面。
六.界面交互动效如果以界面的维度来说可以分为以下两类
第一类：界面内的交互动效
在一个界面内的交互动效特别多，例如点击加号出现下拉菜单，出现浮层动画提示，点击舵式导航出现选择类型和遮罩，点击按钮出现评论点赞，当前页面的展开收起，加载等等。
案例展示：
案例推荐
深圳英博达智能科技有限公司
案例热度_52282019-03-07
深圳市同德税务师事务所
案例热度_50512019-03-06
贵港贵和科技有限公司
案例热度_50502019-03-05
其他人还阅读了该篇文章：网站设计制作中最实用的扁平化布局方式
您可能感兴趣的文章：公司网站建设注意事项 | 企业网站建设套餐 | 企业手机网站制作 | 企业网站如何优化 | 企业网站改版收费
人气阅读推荐
- 伪静态网站分享到微信链接打不开报404错误的解决办法 【2015-08-26】
- 企业网站底部（页脚部分）如何设计？ 【2015-10-31】
- 手机网站的域名是m和wap有区别吗？ 【2017-08-15】
- 为什么说场景营销是移动互联时代最佳营销解决方案 【2015-06-23】
- 谷歌正式推出Google Play移动搜索广告! 【2015-08-05】
- 2015最新微信公众号认证完整步骤 【2015-03-23】
- 2015最新天涯博客引流方法，让网站流量飞起来 【2015-09-22】
- 企业网站建设“域名空间”选用原则 【2015-06-09】
- 也不算意料之外的APP推广方法 【2015-06-23】
博士通是一家一站式中小企业网络运营方案提供商，全国统一服务热线 ：0755-89812581 ; 博士通总部位于深圳，业务涵盖域名注册，空间购买，深圳网站建设,网站建设和改版，微信公众号运营，百度竞价托管，网站优化推广引流，手机网站建设，小程序开发，购物网站开发，企业邮箱申请等服务。和传统网络公司不同的是，博士通在网页设计风格上独树一帜，领先行业率先推出宽屏企业网站设计风格，围绕客户需求的同时兼具行业潮流设计网站，让网站在新式设备上获得更好地展示效果；历经14年网站建设企业网站制作经验积累，客户遍及深圳，广州，成都，香港等地，涉及办公，装饰，电子，物流等不同行业...
