如何像专家一样标注截图：完整指南

没有标注的截图是一张照片。带有好标注的截图则是一次沟通。两者之间的差别，能省下十分钟的解释、避免一次误会，或让一份本会以"我没看出你指的是什么"打回来的缺陷报告就此了结。

大多数人都把截图标注用得很糟 —— 不是因为缺工具，而是因为没人教过他们其中的原则。本指南讲的正是那些让标注截图真正有效的技巧，以 Maxisnap 作为示例工具（不过这些原则适用于任何标注软件）。

头号铁律：每张截图只说一个要点

最常见的标注错误，就是想在一张图里传达太多东西。一张布满六个箭头、三个文本框和两处高亮的截图，什么都没清楚地传达出来 —— 它把一切都含糊地传达了。

每一张标注截图都应只说一个要点。如果你需要展示多样东西，就多截几张图。三张聚焦的截图各说一个清晰要点，其效果远胜于一张杂乱的截图想要一次说清三个要点。

箭头：引导注意力，别拿来装饰

箭头是最常用 —— 也最常被误用 —— 的标注工具。下面是把它们用好的方法：

从空白处指向目标。 箭头应从截图中相对空白的区域起笔，落在你想让观者注意的那个元素上。如果箭头起笔就压在其他 UI 元素上，它带来的是视觉噪音，而非清晰。
每张截图只用一个箭头。 如果你需要多个箭头，你多半需要多张截图。某些情况下两个箭头也可接受（例如展示前后对比），但三个或更多几乎总意味着这张截图承载了太多。
使用对比色。 在多数 UI 背景上用红色或亮橙色。在深色界面上用白色或黄色。箭头应无需寻找便一眼可见。
让箭头保持短。 一支横跨整张截图的长箭头读起来像装饰，而非指向。让箭头简洁 —— 它们应只跨越从空白到目标的一小段距离。

在 Maxisnap 中，选择箭头工具，挑选颜色（红色是默认，自有其道理），从空白处朝目标画去。箭头的样式和粗细可以调整，但默认值适用于大多数情况。

文字标签：简短、贴合语境、位置得当

文字标注能补上截图本身无法传达的语境。它们回答的是观者看到你的箭头时会产生的疑问。

尽量把文字控制在一行。 "点此保存"胜过"你需要点击那个位于对话框右上角的保存按钮"。简洁既尊重读者的时间，也让标注保持整洁。
把文字放在目标附近（而非其上）。 把文字标签放在它所描述的元素旁边，并建立清晰的视觉关联（靠近，或用一条连接的箭头）。不要把文字盖在元素之上 —— 那会遮住你正想展示的东西。
使用可读的字号。 太小会淹没不见，太大会喧宾夺主。大多数标注工具都默认一个合理的字号 —— 除非你有特定理由要改，否则就信任默认值。
给文字加个背景。 Maxisnap 和多数工具都允许你在文字标签后面加一层半透明背景。用上它。没有背景的文字，在繁忙的 UI 上可能会看不见。

模糊与涂抹：隐私并非可有可无

如果你的截图包含以下任何内容，分享前你都必须涂抹：

真实人员的姓名或电子邮箱（除非他们已同意）
API 密钥、密码、令牌或凭据
财务信息（账号、余额、交易明细）
个人数据（电话号码、地址、身份证件号）
内部系统网址、IP 地址或基础设施细节

请使用模糊工具，而不是纯色矩形。盖在敏感数据上的纯色矩形等于在大喊"这里藏了东西"，反而勾起好奇。而模糊传达的是"这部分内容与我要给你看的无关"，观者便会径直略过。

在 Maxisnap 中，模糊工具同时提供像素化（更适合文字 —— 让其完全无法辨认）和高斯模糊（更适合图像，以及那些你想弱化又不想太扎眼的区域）。请根据语境选择。

编号步骤：文档的超能力

当你需要展示一连串操作 —— "点这里，然后输入这个，再点那个" —— 编号步骤标注能把一系列截图变成一套清晰的流程。

把编号放在交互点上。 编号应直接落在用户需要交互的按钮、字段或元素之上，或紧挨其旁。
跨截图使用连续编号。 如果步骤 1 在截图 A、步骤 2 在截图 B，读者便会自然地顺着这个顺序走。除非各步骤彼此独立，否则不要在每张截图里重新从头编号。
每套流程限制在 5 到 7 步。 如果一套流程步骤更多，就把它拆成几个部分。"第一部分：设置"和"第二部分：配置"，比横跨八张截图的十五个编号步骤更易消化。

Maxisnap 的步骤编号工具会自动递增 —— 点一次是 1，再点一次是 2，以此类推。这些编号样式统一、背景清晰，让它们在任何 UI 上都清晰可见。

矩形与高亮：框住，别填满

矩形是仅次于箭头、第二常见的标注。用它们来框出你关注的区域：

用空心矩形，不用实心。 实心矩形会遮住内容。空心矩形则把注意力引向内容。2 到 3 像素宽的红色或橙色边框效果最好。
框得紧凑些。 矩形应紧贴你关注的元素。松松垮垮、把周围一大片 UI 都圈进去的矩形会稀释焦点。
在复杂 UI 上与箭头搭配。 在繁忙的界面上，用矩形框出大致区域，再用箭头指向该区域内的具体元素。这种两级手法对密集的后台面板和设置页面很奏效。

颜色选择

标注颜色的重要性超出大多数人的想象。这里有一套实用的配色策略：

红色： 主注意力。用于截图的主要要点 —— 箭头、矩形、"看这里"的那个元素。
蓝色或绿色： 次要信息。用于补充性的标签或语境，它们支撑主要要点，又不与之争夺注意力。
黄色/橙色： 警示或重要提示。用于"当心"或"请注意"这类标注，且要节制使用。
白色： 用于红色对比不佳的深色界面。

每张截图用色不要超过两种。一种最理想。两种是保证清晰的上限。

裁剪：展示得更少，传达得更多

在标注之前，先裁剪。把截图中与你要说的要点无关的一切都去掉。一张 2560x1440 显示器的全屏截图，而相关元素只是角落里一个 200x100 的按钮，这是在浪费观者的时间和注意力。

裁到只留语境。保留足够的周围 UI，让观者能定位自己（我在这个应用的什么位置？），但也仅此而已。标注应占据裁剪区域中相当大的一部分 —— 如果你的箭头相对整张截图小得可怜，说明你裁得还不够。

需要避免的常见错误

箭头没指向任何具体之物。 每个箭头都应落在一个具体元素上 —— 一个按钮、一个字段、一个菜单项。指向一片大致区域的箭头毫无用处。
标注太多。 如果你的截图看起来像一块用绳子把一切串联起来的阴谋论调查板，那就推倒重来，改用多张聚焦的截图。
大截图上的小文字。 如果观者需要放大才能读你的标注，要么裁得更狠一些，要么把字号调大。
忘了涂抹。 截图里一个泄露的 API 密钥就可能耗掉数小时或数美元。先涂抹，再标注。
用画笔工具画直线。 手绘画笔画出的线条歪歪扭扭，看着不专业。直线标注请用箭头或直线工具，把画笔留给可以容忍抖动的圆圈或强调记号。

工具推荐

好的标注需要一款好工具。Windows 自带的截图工具能应付基础捕获，但它的标注功能有限。要做带箭头、模糊、文字、形状和编号步骤的专业标注，一款专用工具必不可少。

Maxisnap 囊括了本指南讨论过的全部标注工具 —— 箭头、文字、矩形、模糊（两种模式）、用于分步指南的编号标注、手绘和裁剪。编辑器在捕获后即刻打开，并支持撤销/重做，让你可以放手尝试而不必担心丢失成果。它可免费下载，所有标注功能在免费版中均可使用。

想要更多工具选择，请看我们的 Windows 最佳截图工具排名，或免费截图工具对比。批改练习题和课件的教育工作者还应看看我们的面向教师的截图标注页面 —— 它涵盖了与课堂和远程教学工作流最相关的涂抹方法。