用途:Articulate 是一份共享的设计词汇指南,目标是"准确说出你的意思"。模糊的设计反馈(如"让它更出彩""感觉不对""更干净")会浪费迭代时间;使用共享、精确的词汇可以点明出问题的具体属性、状态或模式,让评审、批评与交接一次到位。
主要能力:按需查选正确用词,适用于描述 UI 问题、撰写评审或批评文案、命名 token、或想起某个记不完整的术语。覆盖 12 个领域的约 188 个术语:排版(字距、字偶距、行距、x 高度、连字、可变字体、断词、孤行寡行、溢出等)、颜色(sRGB、P3、OKLCH、WCAG、APCA、语义 token、饱和度、混合模式、深色模式)、图标(描边粗细、视觉居中、填充与线框、像素对齐、语义冲突)、布局(flexbox、grid、溢出处理、宽高比、断点、响应式)、交互(悬停、焦点、激活、禁用、可供性、触控目标等)、动效(缓动曲线、时长、错峰、减弱动效、编排)、无障碍(WCAG、APCA、屏幕阅读器、键盘导航、语义 HTML、状态传达)、信息架构(导航标签、渐进式披露、寻路、卡片分类)、文案(微文案、错误提示、语音与语调、可扫描性、破坏性操作清晰度)、工具(设计系统、token、变量、原型、交接)、分析(A/B 测试、热力图、漏斗、留存、NPS、滚动深度)、组件(按钮、输入框、选择器、对话框、Toast、提示框、数据表等,各含状态要求)。
关键原则:可供性即信号,缺少可供性应指出而非笼统说"让人困惑";状态需要自己的 token,禁用态应有专门的弱化 token 而非只用透明度;焦点可见是强制要求,移除它是无障碍失败而非风格选择;动效应动画化 GPU 属性(opacity 与 transform),动画化 width、height、top、left 会强制每帧重算布局;语音恒定、语调随情境变化。
使用方式:当想写"干净""现代""出彩""不对"等模糊词时,替换为实际变化属性的精确术语;在评审中采用"领域+术语+状态"格式,例如"交互:主按钮缺少 focus-visible 状态";命名 token 或描述系统时优先使用既有术语(语义 token、行距、视觉居中)。若所需术语不在参考中,应查阅完整参考而不是近似用词:https://index.how/to/articulate
适用场景:撰写或打磨评审、审计文案;设计交接与决策论证;精确描述 UI/交互问题;回忆易混术语(字偶距与字距、语音与语调、WCAG 与 APCA)。可与设计执行、批评与启发式评审、设计标准类技能配合使用,由本技能提供表述词汇。
限制:这是词汇与表达指南,并非设计执行或检查工具本身;官方完整约 188 条术语位于来源页面,本技能为分类与关键原则的摘要。其他如收费、价格、平台、效果等事实暂未提供。