为你的技术写作构建设计系统

我最近用Claude构建了一个设计系统,从零开始,只基于我自己的网站。

为你的技术写作构建设计系统
AI模型价格对比 | AI工具导航 | ONNX模型库 | Vibe Coding教程 | PLC在线仿真器 | Tripo 3D | Meshy AI | ElevenLabs | KlingAI | ArtSpace | Phot.AI | InVideo

设计系统 是一个用户体验术语。Figma、设计令牌、组件库——它来自那个世界。但这个概念也属于技术写作者,如果你没有设计系统,每次开始项目时你都在重新做相同的决定。

我所说的技术写作设计系统是指:一个单一的参考资料,涵盖你的语气和语调规则、内容模式、格式标准、用词和术语决定,以及——如果你是独立作者或小团队——你的品牌。它不是传统意义上的风格指南,尽管它包含了那些内容。它是一个系统。它结构清晰,足以让另一个作者(或AI工具)拿起它并产出听起来像你的作品。

我最近用Claude构建了一个设计系统,从零开始,只基于我自己的网站。这就是它的运作方式,你也可以这样做。你可以查看示例设计系统:Green Mountain Docs — Design System

1、为什么你需要一个设计系统

列出原因就很直接:

一致性在破坏之前是隐形的。 当你的文档保持一致——相同的标题逻辑、相同的提示样式、相同概念的相同术语——读者不会注意到。当不一致时,他们会立即注意到,即使无法明确说明原因。设计系统使一致性成为默认结果,而不是努力的结果。

一次做出的决定会一直保持。 你如何处理编号列表与项目符号?什么级别的标题需要过程标题?对于UI交互,你使用“点击”还是“选择”?每个作者在每个项目中都会回答这些问题。设计系统一次回答这些问题,永久性地解决,不再讨论。

AI工具比你更需要它。 这是最近改变的部分。当你使用Claude、ChatGPT或任何LLM来帮助起草或审查文档时,它产生的输出是基于通用写作惯例校准的,而不是你的惯例。如果没有系统交给它,每个AI辅助的会话都从零开始。有了设计系统,你将它粘贴到项目上下文中,工具就会按照你的声音、你的标准,从第一份文档开始工作。设计系统是你管理AI输出的方式,而不仅仅是接受它。

它是一个面向客户的资产。 对于独立作者和顾问,设计系统展示了流程成熟度。这是说“我写作一致”与向客户展示这意味着什么之间的区别。

2、技术写作设计系统中包含什么

基于我构建自己的设计系统以及我在项目中看到最重要的内容,我会将其组织为五个领域。

语气和语调。 你写作声音的指导原则。不是模糊的指令如“清晰”或“听起来专业”,而是具体的、可操作的规则:主动语态优于被动语态;过程使用现在时;面向用户的说明使用第二人称;观点和分析使用第一人称。包括一个语气转换表——你的声音在不同情境下如何变化(客户文档、博客文章、LinkedIn、发布说明)——以及首选术语及其被拒绝替代项的词汇表。数字规则、牛顿逗号、句子大小写:这些小决定累积起来。

内容模式。 你定期生产的文档类型的可重用模板。过程模板。API端点参考模板。发布说明格式。错误参考条目。这些不是 rigid 形式——它们是处理架构决策的起始结构,这样你就可以专注于内容。每个模式应包括必需部分、可选部分,以及何时使用的简要说明。

格式规则。 标题层次。列表逻辑(何时使用编号与项目符号,以及如何引入两者)。代码块约定。提示类型(注意、警告、提示、 caution)及其适用情况的定义。表格标准。链接约定。UI元素格式。除了机械规则,本节还嵌入了大多数风格指南跳过的指导:避免过时的术语(目前、新、即将),为全球受众写作,以及包容性语言——用精确、中性的替代品替换残疾主义术语和弃用的技术术语如 master/slaveblacklist/whitelist。这些规则写起来繁琐但极其有价值。它们是文档不一致最常出现的地方。

用词和术语列表。 一个解决更广泛风格指南未涵盖问题的内部风格术语词典。关键是建立一个层次结构:你的决定优先,然后是公认的外部指南(我使用Google开发者风格指南),然后是标准词典(Merriam-Webster)。每个条目显示首选形式、要避免的内容及其原因。这个部分通过两种方式获得其价值。首先,它为你提供一个放置客户特定术语的地方——仅适用于一个项目而不应渗入其他工作的术语。其次,它给你交给任何AI工具的文档一个精确、明确的词汇表。带有原因的“避免使用”表在这里特别有用:它不仅仅是 不要使用“leverage”作为动词,而是 使用“build”、“apply”或“use”代替,因为“leverage”几乎总是可以用更具体的东西替换。

品牌令牌。 对于独立作者和小团队,这意味着你的调色板、字体选择和间距标准,作为参考值记录。如果你制作带有自己品牌的文档——提案、示例文档、网站内容——或者你希望你的AI工具产生的输出符合你的视觉标准和写作标准,本节最有用。

3、如何用Claude构建一个设计系统

实际过程只需一次会议,只要你使用正确的输入。

步骤1:收集你现有的信号。 Claude无法读取你的想法,但它可以读取你的作品。收集反映你当前实践的内容:你的网站文案、几份你引以为豪的文档样本、你写下的任何风格笔记,以及代表你专业品牌的任何网站的URL。这些是原始材料。

步骤2:告诉Claude范围。 在要求它构建任何内容之前,明确说明你想要涵盖的内容。上述五个领域是一个很好的起点,但你可能需要添加或删除部分。你还应该提前决定这个系统是仅涵盖你的客户工作、你自己的内容(博客、社交),还是两者兼有——这些情境的规则差异很大,不加标签地混合会造成混乱。告诉Claude可交付格式应该是:Markdown参考文档、HTML活文档,或两者兼有。

一个有效的提示:

“我想为我的技术写作实践创建一个设计系统。这是我的网站:[URL]。我希望它涵盖语气和语调、内容模式、格式规则、用词和术语列表,以及品牌令牌。它应该同时适用于客户文档和我自己的内容。在我未指定的情况下,格式规则基于Google开发者风格指南,并使用Merriam-Webster作为词典后备。以HTML文档和Markdown文件两种形式交付。
如果你不确定或需要更多信息,请向我提出任何问题。提出更多参考资料或示例内容的建议。”

步骤3:回答澄清问题。 一个好的会议会让Claude在起草任何内容之前要求你做出决定。这些问题正在做真正的工作——它们迫使你表达可能多年来隐含持有的偏好。具体回答它们。模糊的回答产生模糊的系统。

步骤4:根据你的实际工作审查输出。 从网站和简报生成的设计系统是初稿,不是最终答案。对照你实际制作的文档进行检查。它规定了你不做的事情吗?它遗漏了你总是做的事情吗?标记这些差距并将它们作为更正发回。

步骤5:立即投入使用。 测试和改进设计系统的最快方法是使用它。将其粘贴到你的下一个Claude项目中作为上下文材料。在你的下一个文档任务中应用它。差距和不精确之处会很快变得明显,每次更正都会使系统更准确地反映你的实际工作方式。

4、你最终得到什么

技术写作的设计系统不是官僚主义的产物。它是一个决策日志——记录你如何思考文档,使其明确且可重用。一旦你拥有它,你就停止在每个项目中做相同的微决定。你停止向每个AI工具重新解释你的偏好。你有一些具体的东西可以交给询问你过程的客户,或者需要匹配你声音的协作者。

一次会议就能构建一个工作草稿。回报从那里开始复利。


原文链接: Build a Design System for Your Technical Writing

汇智网翻译整理,转载请标明出处