文字提示Tooltip
提示与状态反馈为图标或陌生内容补一句说明
先知道
文字提示适合解释图标、截断文本和专业术语，不应该放置操作。它要支持鼠标、键盘和触屏；必填规则、错误原因等关键信息不能藏在提示里。
⚙设置
★收藏
⬇下载
什么时候用
- 没文字的图标按钮：告诉别人这按钮干嘛的设置
- 截断的长文本：悬停看完整名称2026-年度产品规划-final-v3-最终版.sketch 2026-年度产品规划-final-v3…
- 专业术语解释：不离开上下文就能看懂利润率采用 EBITDA：息税折旧摊销前利润EBITDA 口径计算
- 表头字段说明：ⓘ 旁边补一句口径任务 从创建到交付的自然日周期 ⓘ登录页6 天
什么时候不用
- 只监听鼠标悬停：键盘和触屏用户打不开提示手机上没有悬停，提示永远出不来
- 气泡里要放链接按钮 → 用 气泡卡片 Popover通知设置 管理偏好 →
- 一排图标全挂气泡 → 一排气泡排队弹提示提示提示提示提示
- 必填规则藏提示里 → 提交报错才知道邮箱必填必填规则藏在提示里，提交报错才知道
组成结构 · Anatomy
复制链接
⧉
1气泡Bubble深色小条，只放纯文字
2小箭头Arrow指向触发元素，表明在说谁
3触发元素Trigger悬停出现，移开消失
常见变体 · Variants
上方Top
设置⚙
默认方位，上方有空间就优先用它
下方Bottom
★收藏
元素贴着页面顶部，气泡只能往下放
左侧Left
下载⬇
元素靠右边缘，气泡往左放才不被裁
右侧Right
✎编辑
元素靠左边缘，气泡往右放才不被裁
典型使用场景
工具栏图标按钮
保存到云端
✎⬆⬇⋯
文件名截断
2026-夏季营销方案-final-v3.pptx
📄 2026-夏季营销方案-fin…
术语解释
成交总额：统计周期内全部订单金额之和
本季度 GMV 同比增长 32%，主要由新品贡献。
表头口径说明
转化率 = 下单人数 ÷ 访问人数，按天统计
日期访问量转化率 ⓘ