支持文档里的截图应该减少理解成本,而不是增加装饰。好的标注会让下一步动作很明确,同时把无关噪音压下去。
第 1 步: 从最干净的截图开始
在加箭头或标签之前,先确认截图本身就是正确状态。如果里面有隐私信息,先用 Screenshot Redactor 清理掉。
第 2 步: 每张截图只解释一件事
一张截图通常只适合支撑一个操作说明。如果一张图要解释太多内容,拆成两三步会比继续往上加标注更清楚。
第 3 步: 只使用真正需要的标注类型
打开 Screenshot Annotator,优先用简单标记,比如:
- 箭头表示方向
- 方框表示区域
- 短标签表示动作名称
- 高亮表示重点
不要把所有标注样式都塞进同一张图里。
第 4 步: 标签尽量短
标签应该辅助正文,而不是取代正文。像“打开设置”或“选择账单”这种短提示,通常比把完整句子压在图上更有效。
第 5 步: 检查视线顺序
使用者应该能看出先看哪里、再看哪里、最后做什么。如果箭头路线不够清楚,就继续简化截图,或者减少被标出的区域数量。
支持团队的更好搭配
当只需要简单强调时,用 Screenshot Highlighter。当截图需要解释步骤时,用 Screenshot Annotator。如果截图来自真实用户账号,再结合打码一起用会更稳妥。
最后测试
假设你完全不了解这个产品,只看截图本身。如果几秒钟内还看不出应该做什么,就说明这张图还需要继续改。
