动画效果现在已经渗透到UI界面的每个角落,由于动效效应,屏幕之间的切换更加连贯,而交互式的语境逻辑由于动效效应而更加清晰。今天小编主要给大家分享ui动效设计怎么做,希望对你们有帮助!
动效的持续时间和速度
当元素的位置和状态发生变化时,动效的速度应该足够慢,以保持足够长的时间让用户注意到变化,但同时,不应该慢到需要用户等待。
大量研究表明,动效的最佳持续时间在200毫秒到500毫秒之间。这个研究数字是基于人脑的认知方式和信息消化的速度。任何小于100毫秒的动效对于人眼来说几乎是瞬间的,难以识别。然而,超过一秒钟的动效又会让人感觉迟钝。
在移动设备(如手机)上,动效持续时间应控制在200至300毫秒之间,而在平板电脑上,持续时间应延长约30%,即持续时间应在400至450毫秒之间。网页的处理方式也不同。因为我们习惯于直接在浏览器中打开网页,考虑到浏览器的性能和大家的使用习惯,用户对浏览器动效变化速率的预期仍然相对较快。
与移动终端中的动效速度相比,网页中的速度会快上一倍,换句话说,动效的持续时间应该在150到200毫秒之间。如果持续时间太长,用户会觉得网页卡住了。
大屏幕=较慢的动效
事实绝对不是这样。
请记住,动效的持续时间不仅仅取决于屏幕大小和运动距离,还取决于平台特性、元素大小、功能设置等。不管是什么平台,元素越小或变化越小,相应的动效应该越快。因此,大而复杂的元素动效持续时间更长,看起来更舒适一点。
动效的运动规律应符合物理规律,当元素移动到边界并发生碰撞时,碰撞的“能量”将最终均匀分布。然而,弹跳的特效在大多数情况下并不适用,仅适用于特殊情况。
元素的运动过程应该是清晰的,尽量不要在运动中使用模糊效果,模糊效果不适合ui界面。
列表项使用的动效在实际的移动过程中,项与项之间应有轻微的延迟,元素之间的延迟应控制在20 ~ 25毫秒之间。如果持续时间较长,可能会给人一种迟滞的观感。
jsjzx/Graphic_Design/628386
每日/每周/每月课后测试
每日课后项目经理知识点梳理每周阶段性项目考核;每月模块结构全国技术同考;成绩不合格0元重修,确保达到企业需求标准。
全实战讲师授课+实操
达内始终贯彻-组合,一线实力-领衔进行授课;实战知识剖析讲解,手把手教学打造职场竞争力。
保险公司承保就业
达内开设四轮模拟面试指导,让学员不仅学会专业知识,更要学会表达自己;毕业未能找到工作的学员,可申请理赔机制,较多可赔偿18000元。
TTS8.0系统双模式教学
iQuestion在线问答;iNotes在线电子笔记;iBoard在线视频回放;iDiscuss在线交流;iBook在线演示;iTesting在线测试。
中国IT职业教育领军企业 达内时代科技集团有限公司(简称达内教育),美股交易代码:TEDU,成立于2002年。 2014年4月3日成功在美国上市,融资1亿3千万美元。成为中国赴美国上市的职业教育公司,也是引领行业的职业教育公司。 达内致力于面向IT互联网行业,培养软件开发工程师、测试工程师、系统管理员、智能硬件工程师、UI设计师、网络营销工程师、会计等职场人才。2015年起,推出面向青少年的少儿编程、智能机器人编程、编程数学等K12课程。 达内的使命:缔造年轻人的中国梦、缔造达内员工的中国梦 达内的愿景:做管理-的教育公司 开设课程 达内时代科技集团成人类课程方向:JAVA企业级应用软件工程师、Java互联网架构软件工程师、Java大数据工程师、Web前端开发工程师、网络运维与网络安全、Linux云计算工程师、Python 人工智能软件工程师、-嵌入式软件工程师、C++-软件工程师、PHP/web.3.0互联网工程师、-软件测试工程师、Android软件工程师、IOS软件工程师、.NET软件工程师、全链路UI设计师、商业插画、商业视觉设计课程、产品级UED交互设计师、全栈式CAD设计师、产品经理、VR开发工程师、VR次世代模型师、-网络营销师、新电商运营官、企业级影视视效、人力资源经理人课程、总账会计课程

江苏省