恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
UI中的基本动效:提示性动效
0.0°
2014-05-08 自译外文 经验/观点 原作者: 原作者 举报 41705 206 65 3

提示性控件

提示控件让用户关注于上下文控制。他们在需要时出现,不需要时消失。当用户切换到一个特定的模式,提示控件可以通过动效进行一些新式的交互。滑动和淡入淡出就属于实现这个目标的最常用的动效。

 

提示性动效分类:

1. 滑动删除

适用场合:当用户需要删除相关列表项。

动作描述:滑动列表项,滑入删除按钮。

一致性:双向滑动

优点:这是一个为删除对象提供直观交互的转场动效。滑动屏幕上的对象后,会出现一个按钮来确认这个动作。

用户感受:滑动列表项后,删除按钮像是被推入屏幕中。

 

 

2. 模式切换

适用场合:当用户编辑相关列表时,需要一些额外的控件。

动作描述:切换模式时,移动相关项/标签,划入额外的控件

一致性:切换回普通模式时,将额外的控件移出屏幕。

优点:通过滑动引入新的控控件。通过移动项目/标签强调新控件的重要性。

用户体验:滑动列表项后,额外的空间像是被推入屏幕中。

 

 

3. 弹性刷新

适用场合:当用户刷新或更新相关的列表。

动作描述:这个功能在拉伸列表时出现,可以是在释放列表同时,或是将列表拉到指定位置时激活。

一致性:原文是覆盖刷新功能的动作应能取消刷新动作。我的理解是,例如下拉列表激活刷新,那么往回推列表时要能够取消刷新的动作。

优点:直观地与列表交互。通过滚动列表,直接在相关的列表下显示功能。

用户体验:拉伸列表时,直接在相关列表下显示功能。

 

 

4. 显示控件

适用场合:用户激活/关闭视频播放控件。

动作描述:通过点击视频,显示播放控件。

一致性:通过点击显示播放控件/点击使控件消失。

优点:使用户专注于内容本身,而不必分心于播放控件。它只在需要的时候可见。

用户体验:-

 

 

5. 滑动式控件

适用场合:当用户需要激活触摸键盘。

动作描述:对象滑入,从而引入新的输入区域。

一致性:滑入-滑出。

优点:引入一个新的对象,该对象只在需要的时候可见。

用户体验:对象滑入屏幕。

 

 

 

 


更新:2014-05-08

收藏

206人已收藏

空空小巫

嘘...

  • 44

    作品

  • 714

    粉丝

  • 4

    关注

  • 挖坟 OS X「七」- 鲜为人知的细节设计 TOP 10
  • 在网页设计中最被低估的是什么?
  • 以更好的方式引导用户为应用打分
  • 通过有意义的动效解释应用的交互机制
相关标签
移动应用界面

    猜你喜欢

      2014-05-08 自译外文 经验/观点 原作者: 原作者 举报 41705 206 65 3

      UI中的基本动效:提示性动效

      0.0°

      你确定要举报UI中的基本动效:提示性动效

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2014年05月04日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      65
      206
      3

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录