图片来源：网络

为什么我们需要截图

做文档的同仁应该都知道这个概念：字不如图，图不如表。特别是在做Web UI文档的时候，写再多文字都不如一张截图来的直观。今天呢，想跟大家分享下我的截图心得，也欢迎有经验的朋友指正。

截图注意事项

确定截屏的内容，过度展示和信息不足均不可取：是要截取整个界面还是强调某个区域？是否需要加上箭头或图标引导读者？

不要截取个人信息：有时会出现具体的地名、邮箱、姓名、真实的IP地址，建议后期进行处理。

截图内容清晰（截图最低分辨率为320*480）：截图不能存在拉伸、黑边、压缩等情况；截图顶部通知栏包含不必要的图标（如其他APP图标）。参考自腾讯云开发平台。

图片格式：在保存的时候，推荐使用PNG格式。因为JPG采用有损压缩，图片质量有损失。PNG格式不但比JPG质量高且文件更小。

颜色：通常，我们想强调某些元素的时候，都会采用红色。在中文文档里面，大家都习以为常。但是之前Csoft的外籍审校提过，在英文文档里面，红色是offensive的，建议采用其它颜色。在搜索友商文档的时候，我发现其实很多国外的公司，如Amazon，也还是会偶尔采用红色。

图片来源：Amazon

图片来源：Amazon

Warning

在我不长不短的职业生涯，吃过截图的亏，上过截图的当，这里谨做友情提醒：

抱怨工作和同事的话，千万不要以任何文字形式暴露给你的其他同事，因为说不定某天，它会成为截图出现在领导或同事群的微信里。

到时候，你可以保持沉默，但你所发的一切都将成为呈堂证供。

图片来源：网络

微信和QQ截图相信大家都再熟悉不过了。微信快捷键Alt+A，QQ快捷键Ctrl+Alt+A。在我们工作中，偶尔会需要截取下拉菜单，这个我发现最好用的还是QQ的截图：Ctrl+Alt+Shift+A。具体操作如下：

1.按住快捷键Ctrl+Alt+Shift+A。

2.单击下拉菜单列表。

3.松开Shift键开始截图。

Fireshot为谷歌商店截图插件。当需要截取整个滚动窗口的内容时，可能有人会选择截取多张片段图，然后进行图片拼接。但是Fireshot可以帮你实现滚动截图。

安装好插件后，在浏览器右上角单击该插件。在弹出的下拉菜单中，单击“捕捉选定区域”，拖动鼠标向下加载页面选取更多的区域。

生成页面如下图所示：

在键盘上直接按PrtSc键（Laptop）或PrintScreen（PC）即可实现捕捉整个可见屏幕。打开“画图”即可将图片粘贴保存。

在正式的文档里，我暂时没发现国内外哪些公司使用的是Gif格式的图片。

但是呢，在各个公司的文档公众号里面，Gif图片比较常见。它的优势在于只需要一张动图就可以很好地概括一大段操作步骤。同时，也具有很强的互动性。

对于这个软件，我尝试做过几个Gif操作图，大多数情况下是好用的。但是在录制全屏时，偶尔会特别模糊。还需要继续摸索。

好啦，今天的分享到此为止。工欲善其事，必先利其器。你的工作中有什么好用的工具可以分享呢？