工具提示只说一句短提示。弹出框可以放更多文字、选项或按钮。
几个字就能说清楚时，用工具提示。需要阅读更多或直接操作时，用弹出框。 打开指南对比容易弄混的 UI 模式
两种界面可能看起来很像，工作却不同。用短规则选出合适的一种。
对话框会先停住页面，等你完成任务。弹出框留在按钮旁，不会停住整页。
一定要先完成一件事时，用对话框。只需补充信息或做小操作时，用弹出框。 打开指南下拉菜单用于执行操作。选择框从固定列表挑一个值。组合框还能输入或搜索。
要执行操作时，用下拉菜单。固定短列表用选择框。列表很长或要搜索时，用组合框。 打开指南标签页用来切换不同内容。分段控件只改变同一界面里的模式、筛选或值。
每个选项都有一大段不同内容时，用标签页。少量短选项只改变同一内容时，用分段控件。 打开指南折叠面板会在页面中展开，也能同时打开多段。标签页一次只显示一段内容。
问答或需要一起阅读的内容，用折叠面板。少量分开的内容一次只看一个时，用标签页。 打开指南短暂提示不会打断工作，而且很快消失。重要警告会留下或暂停工作，避免你漏看。
要确认操作已完成时，用短暂提示。发生失败、危险或必须立即选择时，用警告。 打开指南工具提示只放短标签或提醒。预览卡会显示人物、对象或链接的更多信息。
几个字就够时，用工具提示。预览能省下一次跳转时，用预览卡；键盘和触控也要能打开。 打开指南上下文菜单会显示当前对象的操作。下拉菜单则从看得见、用途清楚的按钮打开。
上下文菜单只能当额外快捷入口，不能是唯一入口。需要让人清楚看到入口时，用下拉菜单。 打开指南轮播一次显示一张内容，并提供切换按钮。滚动条幅会让一串内容持续移动。
每个项目都需要慢慢看时，用轮播。滚动条幅只适合不重要的装饰内容，而且要能暂停或关闭动态。 打开指南图片灯箱是专门看图片或视频的对话框。普通对话框用来做选择、填表单或完成短任务。
要放大图片或视频时，用图片灯箱。主要工作是操作或做决定时，用普通对话框。 打开指南瀑布流会把不同高度的卡片排进直列。便当网格会安排不同大小的卡片，显示内容的重要顺序。
大量独立项目高度不同时，用瀑布流。少量精选内容需要用大小分出重点时，用便当网格。 打开指南侧边栏会一直留在布局中。抽屉只会临时滑入，可能盖住或推开内容。
空间足够，而且导航或工具常用时，用侧边栏。偶尔才用或屏幕很小时，用抽屉，并提供清楚的关闭按钮。 打开指南三条线按钮会打开网站导航。三个点按钮会显示旁边项目的更多操作。
小屏幕需要收起导航时，用三条线。项目旁放不下其他操作时，用三个点，并把按钮命名为“更多操作”。 打开指南缓动曲线会按设定好的节奏移动。弹簧动画像真的弹簧，会自己慢慢停下来。
淡入淡出、颜色变化和固定步骤，用缓动曲线。对象移动或跟随拖动时，用弹簧动画。 打开指南数值步进器会按固定幅度增加或减少数字。滑块会在一段范围中选择位置。
少量又精确的调整，用数值步进器。大概位置比精确输入重要时，用滑块；仍要显示数字并支持键盘。 打开指南工作表会连在一个窗口上，用来完成短任务。警告会显示需要立即注意的信息或选择。
文档专用设置、保存或短表单，用工作表。警告、失败或一步确认，用警告框。 打开指南空状态表示真的没有内容。内容骨架表示数据还在加载，但布局形状已经知道。
没有内容，而且要告诉用户下一步时，用空状态。短暂加载且知道布局形状时，用内容骨架。 打开指南工具栏把常用操作放在窗口里。菜单栏把应用程序的完整命令放在屏幕顶端。
常用的文档或选择操作放在工具栏。完整命令、键盘快捷键和较少使用的操作留在菜单栏。 打开指南