工具提示(Tooltips)

用法

对同时满足以下条件的元素使用工具提示:

  1. 具有交互性
  2. 主要是图形而非文本

工具提示 - Tooltips - 图1

工具提示 - Tooltips - 图2
不要

工具提示不同于悬浮卡片,后者用来显示图片和格式化的文本等更为丰富的信息。

工具提示也不同于ALT属性,后者用来提示静态图片的主旨。

工具提示 - Tooltips - 图3
要(Do)

工具提示 - Tooltips - 图4
不要(Don’t)

光标和键盘的工具提示

文本:Roboto Medium 10 sp

背景填充:90%不透明度

工具提示 - Tooltips - 图5

工具提示 - Tooltips - 图6

工具提示动画

触摸屏UI的工具提示

文本:Roboto Medium 14 sp

背景填充:90%不透明度

工具提示 - Tooltips - 图7

工具提示 - Tooltips - 图8

工具提示 - Tooltips - 图9

工具提示 - Tooltips - 图10

工具提示 - Tooltips - 图11

原文:Tooltips 翻译:lhyqy5 校对:PoppinLp