- 4
- 0
- 约1.17千字
- 约 13页
- 2021-09-07 发布于浙江
- 举报
界面交互动效核心知识的分类与总结什么是界面交互动效?
界面交互动效是展现界面间的转换和界面内元素变化的交互反馈。而效果就表现在触发与结束的过程中,表现清晰的层级关系,自然的引出与结束。交互动效有着承上启下的重要作用。
界面交互动效是用来干什么的?
让用户清晰地感受到当前所处场景和层级关系。
多种UI元素之间的相互转换。
给用户制造惊喜感使用户愉悦。
界面交互动效五大注意点
避免动效过于花哨、酷炫、标新立意
在效率型应用中,过度、无意义的动画只会阻塞任务流程
动作动效不超过1秒
用户专注内容时,不要用吸引注意的动画去打扰
出现频率高的操作动效,避免用户反感,延迟操作时间
如何设置缓动曲线与时间让动效更加自然,可以看下面的一些总结
linear曲线(匀速运动)除了一些特殊场景如加载、很少被使用。
easeIn(先缓后快)使用场景较少,主要在掉落、中使用。
easeInOut(头尾缓、中间快)通常在轮转切换的动画中使用,这类动画的触发对象与运动对象并不是同一个元素。
easeOut(先快后缓)最常见的效果,其触发对象与运动对象往往是同一个。主要用在展开、收起、出现、移动等动画中。当不知道用哪个缓动曲线时,用这个一般不会错。
曲度主要表现运动过程的力的大小,曲度越大,启示力或阻力越大。
回弹则表现的是运动的剧烈程度及对象的质地。
运动时间一般都控制在0.3s-0.8s之间,过长的时间会让人
您可能关注的文档
- 抛砖引玉——VR应用UI设计心得.doc
- 交互实战|Web端表单项目总结.doc
- 交互思考:浅析iPhoneX移动端网页导航上的存在问题.doc
- 交互思考:文本框字数限制.doc
- 交互体验设计的新思路——聊天机器人(Chatbot).doc
- 交互文档怎么写,才比较科学易读?.doc
- 交互细节思考: Calender VS 下拉框.doc
- 交互细节研究:错误信息提示在表单中的最佳位置.doc
- 交互小技巧!浅聊四个主流的页面间跳转动效.doc
- 交互新人,请不要再犯这几个错误了!.doc
- DB54∕T 0690-2026 设施土壤次生盐渍化改良技术规程.docx
- DB54∕T 0689-2026 设施蔬菜秸秆还田技术规程.docx
- DB54∕T 0665-2026 光伏电站燕麦与箭筈豌豆混播 生产技术规程.docx
- DB54∕T 0664-2026 光伏电站绵羊放牧管理技术规程.docx
- DB54∕T 0659-2026 短须裂腹鱼(地方标准).docx
- DB54∕T 0653-2026 黄石爬鮡增殖放流规程.docx
- DB46∕T 747-2026 气候康养指数.docx
- (11.2.1)--11.1 创伤后应激障碍-1.ppt
- (11.2.2)--11.2 创伤后应激障碍-2.ppt
- (11.2.3)--11.3 创伤后应激障碍-3.ppt
最近下载
- BGK界面变位计BGK-4420I用户手册.pdf
- 2025高效节能型铝合金燃气连续熔化保温炉技术条件.docx VIP
- 09S304卫生设备安装.docx VIP
- 社区工作者招聘考试题目及答案.docx VIP
- 中文模组仙炊奇缘.pdf VIP
- 养老机构感染预警级别及应对措施、疾病筛查指引、病例登记表、感染性职业暴露管理与处置.pdf VIP
- T-CECS-G-T34-2023 寒区公路隧道设计标准.docx VIP
- 2023仙游中骏世界城购物中心一店一色装修设计导则手册.pptx VIP
- 【公开课】整式+第1课时+单项式+课件2025-2026学年人教版数学七年级上册.pptx VIP
- 2022-中骏汕头澄海世界城商业景观设计.pdf VIP
原创力文档

文档评论(0)