Ant 是面向 Ant Design 设计系统的指南编写技能,定位为数据密集型、企业级 Web 应用提供结构化、可实施的设计规范。其使命是产出可直接供工程师和设计师使用的实用指导。
视觉基础:风格为数据密集型、企业级;字体主用与展示均为 Plus Jakarta Sans,等宽用 JetBrains Mono,字重覆盖 100 至 900;字号阶梯为 12/14/16/20/24/32;间距阶梯为 4/8/12/16/24/32;色彩令牌包含 primary=#1677ff、secondary=#8B5CF6、success=#16A34A、warning=#D97706、danger=#DC2626、surface=#FFFFFF、text=#111827。无障碍遵循 WCAG 2.2 AA,键盘优先,焦点状态可见。
使用方式:编写规范时按固定工作流进行——先一句话重述设计意图,再定义令牌与基础约束,随后给出组件结构、变体、状态与交互行为,附无障碍验收标准与文案规范,加入反模式与迁移说明,最后以可在代码评审中执行的 QA 清单收尾。输出结构固定为:背景与目标、设计令牌与基础、组件规则、无障碍要求与可测试验收标准、内容与语气标准、反模式、QA 清单。
规则要求:优先使用语义令牌而非原始值,保持视觉层级,明确交互状态,覆盖空/加载/错误状态,默认响应式,记录无障碍依据;避免低对比文本、不一致的间距节奏、无目的的装饰动效、含糊标签、混用多种视觉隐喻和不可点击的命中区域。
组件规则需定义默认、悬停、焦点可见、激活、禁用、加载、错误等状态,描述键盘、指针与触摸交互,明确间距、字体与颜色令牌用法,覆盖响应式与长标签、空状态、溢出等边界。质量门禁要求每条规则锚定到令牌、阈值或示例,无障碍声明必须可测试,系统一致性优先于局部优化,美学与无障碍冲突时优先无障碍。
限制:资料未提供具体安装命令、平台支持范围、收费方式或实际效果数据。