印刷出版物排版风格设计

问题从哪来

工程师和设计师在落地书籍、杂志、报告类界面或文档产品时，往往只有「现代编辑风」「要好看」这类模糊目标，缺少可对照的设计令牌、组件状态定义和无障碍验收标准。结果常见的是：间距节奏不一致、对比度不达标、hover/focus 状态遗漏，以及空态、加载态、错误态没有统一规范。

技能如何工作

本技能把 Basic 定义成一套面向印刷出版物语义的视觉语言（从极简到复古、表现型均可），并要求输出可直接实现的设计系统文档，而不是泛泛的美学描述。

核心约束包括：

• 风格基础：编辑向现代风格；桌面优先的排版尺度；字体 Nunito / Oswald / JetBrains Mono；色板令牌如 primary=#A855F7、text=#0A1829；间距刻度 4/8/12/16/24/32。
• 无障碍：按 WCAG 2.2 AA 编写可测试条款——键盘优先、可见 focus、语义 HTML、44px+ 触控目标、减弱动效等。
• 写作与规则：语气简洁专业；优先语义令牌而非裸色值；必须为 default / hover / focus-visible / active / disabled / loading / error 等状态写清交互。

作者工作流固定为六步：一句话重述设计意图 → 令牌与基础约束 → 组件解剖与变体 → 无障碍验收标准 → 反模式与迁移说明 → 代码审查可用的 QA 清单。生成文档须包含：Context、Design tokens、Component rules、Accessibility、Content tone、Anti-patterns、QA checklist。

适用边界

技能面向设计系统指南撰写，不会替你在仓库里改 CSS 或自动跑测试。规则要求用 must/should 区分硬性要求与建议，并在美观与无障碍冲突时优先无障碍。简诗 AI 侧要求：不自动安装依赖或执行外部写入；涉及发布、部署等操作需用户明确确认。