专业创造价值,服务赢取未来!我们专注于中小企业网站建设服务13年-博士通!
0755-89812581| 网站导航
返回资讯中心当前所在位置:首 页 > 资讯中心 >设计视界 > GIF动图之“界面交互动效”分享

GIF动图之“界面交互动效”分享

GIF动图之“界面交互动效”分享发布时间 : 2017-09-14    作者 : 博士通    浏览 : 1594

界面交互动效是展现界面间的转换和界面内元素变化的交互反馈,交互动效有着承上启下的重要作用。
一. 什么是界面交互动效?

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

二. 界面交互动效是用来干什么的?

① 让用户清晰地感受到当前所处场景和层级关系。
② 多种UI元素之间的相互转换。
③ 给用户制造惊喜感使用户愉悦。

三. 界面交互动效五大注意点

① 避免动效过于花哨、酷炫、标新立。
② 在效率型应用中,过度、无意义的动画只会阻塞任务流程。
③ 动作动效不超过1秒。
④ 用户专注内容时,不要用吸引注意的动画去打扰。
⑤ 出现频率高的操作动效,避免用户反感,延迟操作时间。

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

① linear曲线(匀速运动)除了一些特殊场景如加载、很少被使用。
② easeIn(先缓后快)使用场景较少,主要在掉落、中使用。
③ easeInOut(头尾缓、中间快)通常在轮转切换的动画中使用,这类动画的触发对象与运动对象并不是同一个元素。
④ easeOut(先快后缓)最常见的效果,其触发对象与运动对象往往是同一个。⑤ 主要用在展开、收起、出现、移动等动画中。当不知道用哪个缓动曲线时,用这个一般不会错。
⑥ 曲度主要表现运动过程的力的大小,曲度越大,启示力或阻力越大。
⑦ 回弹则表现的是运动的剧烈程度及对象的质地。
⑧ 运动时间一般都控制在0.3s-0.8s之间,过长的时间会让人感觉拖沓,不自然。

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

第一种:为衔接类型动画

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

第二种:特效类动画

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

六.界面交互动效如果以界面的维度来说可以分为以下两类

第一类:界面内的交互动效

在一个界面内的交互动效特别多,例如点击加号出现下拉菜单,出现浮层动画提示,点击舵式导航出现选择类型和遮罩,点击按钮出现评论点赞,当前页面的展开收起,加载等等。


案例展示:


GIF动图之“界面交互动效”分享1
GIF动图之“界面交互动效”分享2
GIF动图之“界面交互动效”分享3
GIF动图之“界面交互动效”分享4
GIF动图之“界面交互动效”分享5
GIF动图之“界面交互动效”分享6
GIF动图之“界面交互动效”分享7
GIF动图之“界面交互动效”分享8
GIF动图之“界面交互动效”分享9

案例推荐

深圳英博达智能科技有限公司

深圳英博达智能科技有限公司

案例热度_45192019-03-07
深圳市同德税务师事务所

深圳市同德税务师事务所

案例热度_43302019-03-06
贵港贵和科技有限公司

贵港贵和科技有限公司

案例热度_43432019-03-05

其他人还阅读了该篇文章:网站设计制作中最实用的扁平化布局方式

您可能感兴趣的文章:公司网站建设注意事项    |    企业网站建设套餐    |    企业手机网站制作    |    企业网站如何优化    |    企业网站改版收费

关于我们 / About Us
深圳网站建设办公环境 博士通是一家一站式中小企业网络运营方案提供商,全国统一服务热线 :0755-89812581 ; 博士通总部位于深圳,业务涵盖域名注册,空间购买,深圳网站建设,网站建设和改版,微信公众号运营,百度竞价托管,网站优化推广引流,手机网站建设,小程序开发,购物网站开发,企业邮箱申请等服务。和传统网络公司不同的是,博士通在网页设计风格上独树一帜,领先行业率先推出宽屏企业网站设计风格,围绕客户需求的同时兼具行业潮流设计网站,让网站在新式设备上获得更好地展示效果;历经14年网站建设企业网站制作经验积累,客户遍及深圳,广州,成都,香港等地,涉及办公,装饰,电子,物流等不同行业... > > > 详 情
联系我们 / Contact Us
深圳市  龙华新区
富泉大厦715室
0755 - 业务咨询
89812581
售后QQ : 1227522459
E-mail : service@800535.com
© 2004-2019 深圳市博士通科技有限公司 版权所有( 粤ICP备15005241号 )  网站常年法律顾问:朱运德律师   
logo
做个企业网站多少钱?点击QQ图标,马上知道答案!
logologologo
咨询热线:0755 - 898 12581