附录：术语速查表
按英文字母排序。点英文名跳到词条。
| 英文 | 中文 | 别名 | 一句话 |
|---|---|---|---|
| Above the fold | 首屏 | Above the fold | 不滚动就能看到的那一块。 |
| Accordion | 折叠面板 | 手风琴 · Collapse · Disclosure（Apple 叫法） · Expander | 点标题展开或收起一段内容。 |
| Affordance | 可供性 / 示能 | Affordance | 东西“看起来就知道能怎么用”。 |
| Badge | 徽标 | 角标 · 红点 · 徽标数 · 数字气泡 · Dot badge（不带数字的红点） | 叠在图标角上的小红点或小数字，提示“有新东西”。 |
| Banner / Alert | 横幅 / 警告提示 | 通知条 · 提示条 · Callout · Notice · Ant Design：Alert | 一直待在页面里的提示条，直到问题解决或被关掉。 |
| Breadcrumb | 面包屑 | 路径导航 | 告诉你现在在哪一层，并能一键回到上层。 |
| Button | 按钮 | 主按钮 Primary · 次按钮 Secondary · 幽灵按钮 Ghost / 文字按钮 Text button · 危险按钮 Destructive · 行动号召按钮 CTA · 悬浮操作按钮 FAB · 图标按钮 Icon button | 点它就执行一个动作。 |
| Card | 卡片 | Tile | 把一组相关信息包成一块，常常整块都能点。 |
| Checkbox / Radio / Switch | 复选框 / 单选框 / 开关 | 多选框 · 单选按钮 Radio · Toggle（iOS 叫法） | 三种“选中/没选中”的控件，区别在于能选几个、什么时候生效。 |
| Chip / Tag | 标签 | 胶囊 Pill · Filter chip（筛选） · Input chip（已输入的值，可删除） | 表示分类、筛选条件或已选值的小胶囊。 |
| Command palette | 命令面板 | ⌘K 菜单 · Quick switcher · 快速跳转（类似 Spotlight） | 按 ⌘K 呼出的搜索框，输几个字就能跳转或执行操作。 |
| Drawer / Sheet | 抽屉 / 面板 | 侧边面板 Side panel · Side sheet · 底部面板 Bottom sheet · iOS Action sheet | 从屏幕边缘滑出的面板，不离开当前页就能看详情或编辑。 |
| Empty state | 空状态 | 空白页 · 缺省页 · 零状态 Zero state | 没有数据时显示的那一页，不能就这么空着。 |
| Hamburger menu / Navigation drawer | 汉堡菜单 + 抽屉导航 | 三道杠（☰） · 侧滑菜单 | 一个 ☰ 图标，点开后从侧边滑出整套导航。 |
| Hit target / Touch target | 点击热区 | Hit target · Touch target | 实际能点中的区域，可以比看到的图标大。 |
| Inline validation | 表单校验 | 内联校验 Inline validation · 错误提示 Error message · 帮助文字 Helper text | 在输入框旁边告诉用户填得对不对。 |
| List | 列表 | 列表项 List item · 单元格 Cell（iOS 开发者叫法） · 行 Row | 一行一个对象的竖排清单。 |
| Menu | 菜单 | 下拉菜单 Dropdown menu · 右键菜单 Context menu · iOS 长按菜单 | 一列命令，选中哪一项就立刻执行哪一项。 |
| Modal / Dialog | 对话框 | 弹窗 · 模态框 · Modal · Dialog | 盖住整个页面的窗口，用户必须先处理它。 |
| Navbar / Header | 顶栏 | Top bar · App bar · 页头 | 页面最上面那一条，放全局入口。 |
| Optimistic UI | 乐观更新 | Optimistic UI | 先在界面上显示成功，后台慢慢同步。 |
| Popover | 气泡卡片 | 弹出层 · 浮层卡片 · Ant Design：气泡卡片 | 点一下出现的小卡片，里面可以放按钮和表单。 |
| Progressive disclosure | 渐进披露 | Progressive disclosure | 先只露出常用的，高级的收起来。 |
| Segmented control | 分段控件 | 分段选择器 · Button group · Material：Segmented button | 2 到 5 个互斥选项排成一排，用来切换视图或筛选。 |
| Select / Combobox | 选择器 | 下拉框 · 下拉选择 · Picker（iOS 滚轮） · 自动补全 Autocomplete | 从一组选项里选一个值。 |
| Sidebar / Side nav | 侧栏 | 侧边导航 · 左侧菜单 | 贴在窗口左边的竖向导航，适合模块多的桌面应用。 |
| Spinner / Progress bar / Skeleton | 加载 | 菊花（iOS 转圈的俗称） · 转圈 · Loader · 进度条（确定型 / 不确定型） · 骨架屏 Skeleton screen | 告诉用户“正在办，没卡死”的几种方式。 |
| States | 交互状态 | States | 同一个控件在不同情况下的样子。 |
| Tab bar | 底部标签栏 | 底部导航 · Bottom navigation · Tab bar | 手机 App 最底下那一排一级入口。 |
| Table / Data grid | 表格 | 数据表 Data table · Data grid（可直接编辑） | 行和列对齐的数据，适合比较和查找。 |
| Tabs | 标签页 | 选项卡 · 页签 · Tab | 同一页里几个平级视图之间的切换。 |
| Text field / Input | 输入框 | 文本框 · 多行文本框 Textarea · 占位符 Placeholder · 标签 Label | 让用户打字的地方。 |
| Toast / Snackbar | 轻提示 | 吐司 · 全局提示 · Snackbar · Ant Design：message | 操作之后冒出来、几秒就自动消失的一小条消息。 |
| Tooltip | 文字提示 | 悬浮提示 · 气泡提示 · hover tip · macOS Help tag | 鼠标停在上面一会儿，冒出的一小行说明文字。 |