Say precisely what you mean.
这篇 Index Vocabulary 文章是一份界面设计词汇表，目标是让设计师、工程师和产品人员能用准确术语讨论界面质量。
源文见：Say precisely what you mean.。
核心贡献
- 把界面设计词汇（Interface Design Vocabulary）拆成排版、颜色、图标、布局、动效、可访问性、信息架构、文案、设计工具、度量和组件等类别
- 每个术语都给出短定义，并强调它在真实产品界面中的使用语境
- 将视觉细节、交互反馈、内容结构和可访问性放在同一套设计语言里讨论
- 为设计评审、工程交付和组件系统维护提供共同词表
主题结构
- UI Typography — 字体间距、字重、行长、数字对齐和溢出处理
- UI Color Systems — 色彩空间、语义 token、对比度、暗色模式和感知色彩
- UI Iconography — 图标笔画、光学居中、状态样式和隐喻准确性
- UI Layout — 空间、响应式、网格、层叠和布局稳定性
- UI Motion — 缓动、时长、编排、反馈和 GPU 合成
- Accessibility in UI Design — 对比度、屏幕阅读器、焦点、语义 HTML 和颜色状态
- Information Architecture — 导航、层级、路标、标签和内容盘点
- UI Copywriting — 微文案、CTA、错误信息、语气和扫描式阅读
- Design Systems — 组件、token、变量、视觉语言和设计交付
- Design Analytics — A/B 测试、漏斗、留存、热图和滚动深度
- UI Components — 按钮、输入、浮层、导航、反馈和数据展示组件
与现有 wiki 的关系
这篇文章为已有的前端交互、Web 桌面应用和视觉效果主题补上一层通用设计语言。它和 Native-feel WebView Desktop Apps、Liquid Glass Effect、Spring Animation、Keyboard Shortcut Support in Web Apps 等页面形成互补：前者记录具体技术实现，本文抽象出评审界面质量时需要使用的术语。