交互设计规范之气泡

  • 经验类型规范/资料
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
2681 0 3 2021-09-18
  • 气泡
  • Popover

一.定义

气泡是一种暂时性的视图,典型的气泡从点击位置弹出,包括一个箭头,指向气泡出现的位置。气泡可以是模态的,也可以是非模态的。


二.用途

常用于信息提示、操作选择等场景。


三.类型

提示气泡、编辑气泡、工具气泡

1.提示气泡/  Tips popover

【交互说明】

用于界面某个功能点信息提示,从信息位置弹出,非常驻场景3秒时间收起或点击页面空白处收起;常驻场景需提供关闭按钮收起。


2.编辑气泡/  edit popover

【交互说明】

用于对文本的编辑,通过长按手势唤起编辑气泡,点击页面空白区域收起。


3.工具气泡/  tool popover

【交互说明】

用于指向性明确的菜单操作,数量不建议过多,从点击位置弹出,点击页面空白区域收起。



Powered by Froala Editor

全部评论:0

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票