截图标注
能力定位
让接收人从一张图中知道“发生了什么、应该看哪里、下一步做什么”。交付对象是一次屏幕沟通任务:原始截图、说明图、步骤文本和校验记录。不要因为画面更整齐就改动报错、金额、时间或业务状态。
已有图片时直接制作说明图;尚未抓屏时,使用宿主实际可用的截图或浏览器工具。权限不足就给用户准确的取景要求,不假装已经看到窗口。普通截图不包含声音、后台运行状态或完整网页数据。
快速导航
- 拍不到弹出菜单、多屏位置不对、长图重复:读 取景与证据。
- 标注过密、发出去字糊、遮挡后仍有信息:读 标注与交付验收。
- 报故障:先保存原图,说明图标出错误位置,旁边写实际与预期。
- 写教程:按用户真实点击顺序分图,不把互斥状态拼成一个界面。
- 用户只要圈一个位置:只处理该位置,保留原尺寸和其余内容。
新手30秒入门
提供截图或要截取的窗口、图的接收人、想说明的问题,以及必须隐藏的信息。例:“给客服看上传失败,把报错和文件格式圈出来,姓名和订单号不要出现在交付图里。”
先输出一张最小示意或取景建议:保留哪个区域、标记哪一处、缺哪项上下文。默认在新文件上编辑,保存本地,不上传图床、不发送消息、不把整块桌面当成必要输入。
功能索引
| 任务 | 专用处理 | 验收重点 |
|---|---|---|
| 错误反馈 | 原图与说明图配对,附环境与复现动作 | 错误文字完整且可读 |
| 操作教程 | 状态分图、编号与指令一一对应 | 顺序能被新用户复现 |
| 设计验收 | 同版本同缩放比较,标注偏差位置 | 无比较条件混淆 |
| 长页面 | 滚动分段、重叠定位、拼接缝检查 | 没有漏段和重复数据 |
| 隐私交付 | 最小取景、实心覆盖、独立导出复检 | 输出副本无法读到原值 |
| 即时说明 | 少量箭头或局部放大 | 缩略图仍能理解主体 |
标准工作流
1. 写下截图要回答的问题
确定接收人需要定位错误、执行操作还是判断差异。每张图只承担一个主要判断;跨多个页面的任务分图。记录应用版本、界面语言、窗口状态和相关时间,不收集无关聊天记录。
2. 检查捕获能力与信息范围
确认工具支持区域、窗口还是整屏捕获,是否需要屏幕录制权限,当前显示器缩放比例与页面缩放是否一致。多个屏幕的逻辑坐标不能直接当作图片像素。若只有用户附件,不推断附件之外的屏幕内容。
3. 取景并保存原始副本
保留定位所需的标题、字段名、报错上下文;剔除无关通知、通讯录和桌面文件。延迟抓取用于菜单或悬浮状态,先让用户知晓将捕获的区域。原图与标注图分开,原图含敏感内容时仅保留在受控本地位置。
4. 长图先核对再合成
定位每段重叠的文字或稳定元素,排除固定导航栏的重复;对懒加载、动态计数、浮层和滚动容器单独检查。不能确定连续性时交付编号分图并标明缺口,不强拼成完整页面。
5. 设计视觉指向
先裁到足够理解的范围,再放置标注。箭头终点落在真实目标内,文字贴近目标但不压住关键值;编号对应步骤,不用于暗示页面原有顺序。优先两类颜色,用形状或文字补充含义,避免只凭红绿区分。
6. 清理敏感内容并形成交付副本
密码、验证码、完整账号、私人地址和业务秘密不进入公开交付。优先裁掉;必须保留布局时用不透明覆盖并扁平化导出。模糊、马赛克和半透明荧光笔不作为秘密值的可靠清除方式。清理缩略图、文件名和附带文本中的同一信息。
7. 在实际接收尺寸下检查
打开真正导出的文件,不只看编辑器预览。按聊天窗口、文档或手机实际显示宽度检查文字、箭头与编号;说明图不清楚时分图或增加局部放大,不反复压缩。透明区域在深浅两种背景下都不能遮住必要内容。
8. 交付与收口
输出文件、逐图说明和未确认项。发信、上传、共享链接等外部动作只在用户已授权的目的地和范围内执行,已有明确授权无需重复询问。保存成功、已发送和接收方可访问是不同状态,逐项据实报告。
输出规范
每个交付包含:图片编号、文件名、用途、来源时间、原图关联、实际尺寸、标注释义、已处理敏感区域、剩余缺口。故障图另列复现动作、实际结果、预期结果;教程图另列前置状态、操作、可见成功信号。
文件名使用任务代号和顺序,例如 upload-check-02-annotated.png,不用姓名或完整订单号。文本和线条优先无损 PNG;是否转换有损格式由体积限制与可读性共同决定。不要声称图片哈希能证明截图内容真实,它只能帮助核对文件是否变化。
能力边界
- 不冒充取证鉴定,不篡改订单、转账、对话、报错或时间来制造证据。
- 无屏幕访问能力时,只能处理提供的图片或说明捕获方法。
- 自动识别隐私可能漏检,公开分享前需要针对交付副本检查。
- 需要浏览器操作、图像编辑或文件工具时使用当前环境已有能力,不要求安装未知工具或上传到陌生服务。
稳定性保障
保留原尺寸、变换比例和裁剪范围,防止标注坐标漂移。标注后改变画布比例要重新检查每个目标。一次修改只调整反馈涉及的图和图层,不重做其他已确认图。工具失败保留原图与编辑进度;连续两次同类捕获失败后改为人工取景说明,避免无期限重试。
验收至少覆盖关键文字、箭头终点、编号一致性、敏感区域和最终文件可打开性。长图额外逐缝检查;操作演示额外核对每个状态是否真的出现。
深度定制
客服场景指定接收平台体积上限、是否需要订单后四位、回复文字长度;研发场景附版本、复现环境和预期状态,缺陷 ID 代替私人路径;教程场景固定编号样式、手机阅读宽度和每图动作数;设计评审固定主题、缩放、窗口尺寸和对照基线。品牌色可由用户指定,不从研究项目借用图标或标识。
FAQ
截图看着清楚,发送后却糊了? 检查发送方式是否二次压缩,改为原文件或分图,并在接收尺寸重新验收。
长图为什么重复一截? 先检查固定头部、滚动容器和页面动态内容;无法核对顺序时保留分段,不能静默删掉疑似重复内容。
打了马赛克就可以公开吗? 不能据此保证。秘密值应裁去或不透明覆盖后扁平化,再检查导出图和附件。
可以替我点击截图里的按钮吗? 图片编辑不等于桌面控制。只有宿主提供相关工具且用户授权操作时才能执行。
反模式与修正
| 容易出错的做法 | 修正 |
|---|---|
| 满屏箭头,每段都有高亮 | 保留主要判断,其他信息移到说明文字 |
| 为了整齐擦掉错误提示 | 原图保留,说明图只增加标注,不改事实 |
| 把截图 OCR 当成准确原文 | 与像素逐字核对错误码、数字和特殊符号 |
| 自动上传整张桌面后再脱敏 | 本地取最小区域,确认交付副本后再按授权分享 |
| 为教程拼出不存在的界面状态 | 拆成真实先后状态,并说明切换动作 |
按需 references
取景与证据 用于多屏、弹出状态和长图连续性;标注与交付验收 用于阅读尺寸、隐私复检和交付状态。简单圈点不需要读取整套流程。