界面交互动效核心知识的分类与总结_第1页
界面交互动效核心知识的分类与总结_第2页
界面交互动效核心知识的分类与总结_第3页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、界面交互动效核心知识的分类与总结这篇文章是基于我自己的理解对界面交互动进行了分类整理和总结。什么是界面交互动效？界面交互动效是展现界面间的转换和界面内元素变化的交互反馈。而效果就表现在触发与结束的过程中，表现清晰的层级关系，自然的引出与结束。交互动效有着承上启下的重要作用。界面交互动效是用来干什么的？让用户清晰地感受到当前所处场景和层级关系。多种UI元素之间的相互转换。给用户制造惊喜感使用户愉悦。界面交互动效五大注意点避免动效过于花哨、酷炫、标新立意在效率型应用中，过度、无意义的动画只会阻塞任务流程动作动效不超过1秒用户专注内容时，不要用吸引注意的动画去打扰出现频率高的操作动效，避免用户反感，

2、延迟操作时间如何设置缓动曲线与时间让动效更加自然，可以看下面的一些总结linear曲线（匀速运动）除了一些特殊场景如加载、很少被使用。easeIn（先缓后快）使用场景较少，主要在掉落、中使用。easeInOut（头尾缓、中间快）通常在轮转切换的动画中使用，这类动画的触发对象与运动对象并不是同一个元素。easeOut（先快后缓）最常见的效果，其触发对象与运动对象往往是同一个。主要用在展开、收起、出现、移动等动画中。当不知道用哪个缓动曲线时，用这个一般不会错。曲度主要表现运动过程的力的大小，曲度越大，启示力或阻力越大。回弹则表现的是运动的剧烈程度及对象的质地。运动时间一般都控制在0.3s-0.8s

3、之间，过长的时间会让人感觉拖沓，不自然。界面交互动效如果以动效的表现属性来分可以分为两种：第一种：为衔接类型动画。主要针对不同界面直接的衔接，为带来更流畅的操作观感所做的设计，弥补两个界面直接的差异所带来的用户感知落差。第二种为特效类动画。特效的核心目的是为了吸引用户的注意力，提高信息敏感度，在游戏界面设计当中使用更为广泛，能够带来更加绚丽的动态画面。界面交互动效如果以界面的维度来说可以分为以下两类：第一类：界面内的交互动效在一个界面内的交互动效特别多，例如点击加号出现下拉菜单，出现浮层动画提示，点击舵式导航出现选择类型和遮罩，点击按钮出现评论点赞，当前页面的展开收起，加载等等。如下图所示：第二类：界面间的交互动效几个界面之间的的交互动效通常是平缓过渡到下一页。常见的有以下几类：1.硬切到下一页2.下一页从右往左推入（上一页从左往右推出）3.下一页从下往上弹出4.上一页的元素过渡到下一页看完上述的阐述，接下来是最后的两个建议点。动效创意方面的创新要依据用户的认知模型。单纯很炫很酷的动效如果脱离了用户的认知模型，那么这样的交互动效对于整个产品来说是有害的。做界面交互动效的目的是为了更好地落地。如何更好地高

人人文库> 全部分类> 教育资料 > 备课教案

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论