文档用的截图。
好的文档,会把截图裁到恰当的位置,每一页的箭头样式、背景和边距都保持一致。下面是文档风格指南遵循的规则,以及在 Windows 上落实这些规则的流程。
怎么给文档截出好的截图?
把每张截图裁剪到这一步所涉及的元素,用箭头或方框标出操作,并让所有图片保持同一套标准:同一个系统、同一个主题、同一种标记颜色、同一种边框。Google 的开发者文档风格指南要求的正是这些:裁剪到相关信息,保持外观一致,并且绝不用图片代替文字、代码或终端输出。
对于大量的文档工作,Snagit 是功能最全的付费工具。它有把你的点击变成指南的 Step Capture、让颜色和字体保持一致的 Themes、滚动截图和 Smart Redact。从 2025 年起它只能订阅。
Sincron Screen Tools 负责标记和统一风格:用 Ctrl + Shift + D 把箭头、方框和文字直接画在屏幕上,并在截图工作室里给每张图使用相同的背景、边距、圆角、阴影和宽高比。截图和标注免费,且不限次数。
审核于 2026年10月5日
让文档截图保持一致的规则
同一个系统和主题
所有截图都用同一个 Windows 版本、同一种浅色或深色主题,以及同一种界面语言。混在一起会让读者怀疑自己是否在看正确的界面。
同样的窗口大小
选定一种窗口大小和一个浏览器缩放级别,整份文档都保持不变。这样按钮和文字在每一页看起来的比例都一致。
裁剪到元素
要展示一个按钮,就别截整个窗口。紧凑的裁剪能聚焦注意力,当界面的其他部分发生变化时,它也更耐用。
同样的边框
每张截图都用相同的背景、边距和阴影,或者都不用边框。Google 的指南把窗口投影列为必须统一的例子。
一种标记颜色
为箭头和方框选定一种颜色和一种粗细,中途不要更换。红色或橙色在大多数界面上都很醒目。
文字放在图片之外
步骤说明写在文档正文里,代码、命令和提示信息则以可复制的文本给出。每张图片都需要替代文字,描述它展示的内容。
在 Windows 上为流程编写文档的流程
流程的一步,对应一张截图。用同样的设置重复到最后。
准备好屏幕
使用示例数据,关闭与流程无关的一切,并把窗口设为文档的标准大小。检查确认没有露出客户姓名、邮箱或令牌。
标出这一步
按 Ctrl + Shift + D。按住 Ctrl + Shift 拖出箭头指向这一步的按钮,或按住 Ctrl 在字段周围画方框。始终使用相同的颜色和粗细。
连同标记一起截图
按 Ctrl + Shift + C,把这一步的区域连同周围少许上下文一起裁剪。裁剪结果会带着箭头在截图工作室中打开。
应用标准边框
在工作室里,为文档中的每张截图使用相同的背景、边距、圆角和阴影。培训幻灯片用 16:9,手册用“自动”比例。
用便于排序的名称保存
保存 PNG 时,在文件名里带上步骤编号,比如 03-添加打印机.png。或者用“复制图片”,直接用 Ctrl + V 粘贴到你的文档编辑器里。
写好步骤和替代文字
把操作说明写在文档正文里,并用替代文字描述图片,例如:“突出显示了‘添加打印机’按钮的设置界面”。
做文档截图的工具
| 需求 | Snagit | 截图工具 | Sincron |
|---|---|---|---|
| 箭头、形状和文字 | 箭头、标注气泡和文字 | 箭头和形状;文字要通过画图 | 在屏幕上画箭头、矩形、椭圆、荧光笔和文字 |
| 自动生成分步指南 | 有,Step Capture | 没有 | 没有 |
| 截图之间外观一致 | 含颜色、字体和样式的 Themes | 没有 | 在工作室里使用相同的背景、边距、圆角、阴影和比例 |
| 隐藏数据 | Smart Redact:模糊或遮盖邮箱、电话号码和银行卡信息 | 可遮挡邮箱、电话号码和选中的文字 | 选区时裁掉,或用不透明画笔;没有模糊 |
| 价格 | US$ 39/年,仅限订阅 | 免费,Windows 自带 | 截图和标注免费;终身版 US$ 89 |
| 平台 | Windows 和 Mac | Windows | Windows 10 和 11 |
功能和价格已于 2026-10-03 在 TechSmith 和 Microsoft 的网站核实。
从第 1 步到最后一步,背景、边距和阴影都一样
截图工作室会给每张裁剪图应用相同的背景、边距、圆角和阴影。手册看起来很完整,不必再绕道图片编辑器。
Sincron 在文档方面做不到的事
没有步骤编号
没有带编号的步骤标记(1、2、3),也没有对话气泡标注。可以用文字工具输入数字,或使用带编号步骤工具的 ShareX。
没有自动生成指南
Sincron 不会记录点击,也不会自动组装文档。每张截图都是你自己的操作。要从点击生成指南,Snagit 的 Step Capture 可以做到。
没有滚动截图
只能截取屏幕上可见的内容。对于长页面,请用浏览器的整页截图、ShareX 或 Snagit。
没有截图库
Sincron 不保留历史记录。请把 PNG 按文档分文件夹整理,并在每个文件名里带上步骤编号。
关于文档截图的常见问题
怎么让手册里所有截图保持一致?
开始前固定好窗口大小、主题和缩放,标记使用相同的颜色和粗细,并给每张图应用相同的边框。在 Sincron 里,就是在截图工作室中选好背景、边距和阴影,并在每张裁剪图上重复使用。
文档截图应该加阴影和背景吗?
这是风格选择。重要的是一致:所有图都用同一种边框,或者都不用。边框对幻灯片和营销材料有帮助;在技术文档里,很多团队更喜欢干净的裁剪。
能用代码或报错信息的截图吗?
尽量避免。Google 的风格指南要求用真正的文字代替图片来呈现代码、命令和终端输出,因为读者需要复制和搜索。截图用来展示界面。
培训用的截图里怎么隐藏真实数据?
用示例数据来准备界面。如果出现了真实内容,就把它裁掉,或用纯色方块盖住。模糊和马赛克效果可能被还原。
Sincron 能给截图的步骤编号吗?
不能。Sincron 没有步骤编号或标注气泡。ShareX 有带编号的步骤工具,而 Snagit 的 Step Capture 会根据你的点击生成指南。
另请参阅
统一你下一份手册里的截图。
安装 Sincron Screen Tools:用 Ctrl + Shift + D 做标注,用 Ctrl + Shift + C 截图,并给每张图使用同一种边框。截图和标注免费,且不限次数。