β

记住这 5 点,用 Snipaste 快速做出一张美观的标注配图

少数派 17 阅读
 

前几天文刀问我「有没有 Windows 上的截图和加字软件推荐」,我一口气给他推荐了好几个—— 轻量的 Snipaste 、大而全的 Ashampoo Snap FSCapture PicPack HyperSnap ……在撰写文稿时免不了要配上一些图片,配图的制作可以精雕细琢,也可以简单标注。其实在很多时候一个简单的截图软件就可以做出很不错的标注配图了。但是你缺少的真的是一款截图软件吗?这可不一定。

今天就来介绍一下如何用 Snipaste 简单快速地做出不费脑筋又足够美观的标注配图。

1. 局部截图时选择更合适的范围

在介绍某个功能或某一步骤的时候,我们不一定会截取整个屏幕,而是选择一小部分进行截图。

无论是在网页端还是在手机端,一张「狭长的纵向截图」都是很影响观感的(错误示范)。当你不得不使用一张纵向图片时,除了可以在发布时限制图片高度,还可以在进行局部截图的时候尽量截取 横向的图片

比如我需要截取一个纵向的菜单,我可以多截取菜单以外一部分白色,来体现菜单这个整体(可选方案 1),也可以将菜单的中的一部分重点截取出来(可选方案 2)。

但是在 Windows 中的菜单会响应 Alt 键,如果截图快捷键中包含了 Alt,可能会无法截到适合的图片。在 Snipaste 中除了更改快捷键,还可以启用「增强版托盘菜单」,使用「延时截图」功能,让你有足够的时间捕捉特定的操作。

2. 使用颜色粗细一致的线条

在标注时,我们通常会忽视线条的重要性。采用一致的线条不仅能够带来更好的观感,也能让配图的整体感更强。

这个「一致」主要体现在 颜色 粗细 上。

在选择颜色时尽量使用醒目、清晰的颜色。而在背景颜色较深的情况下选择浅色作为标注的主要颜色。比如 红色、深红、橙色 等适用于大部分情况,尽量避免使用像黑色、灰色、亮黄这样的颜色, 蓝色、绿色 则用在对比度较高的情况下。当然这并非是铁律,如果你使用的截图工具可以为线条增加阴影、边框甚至是颜色渐变效果。那就有更多的选择了。

线条的粗细也应当固定,不宜太细或太粗,使用文字高度的一半作为线宽是个不错的办法,既不会阻挡上下文,也能让线条足够醒目。比如 QQ 截图中最细的线宽只有一个像素,边缘粗糙不说,在较大的截图中也会看不清线条。

在 Snipaste 中标注时,可以使用数字键「1」和「2」缩小和放大线条的粗细。如果无法确定线条是否等宽,你可以连续按「1」调到最细,再按 5 次「2」调到统一的粗细。

3. 选用一个清晰的字体

在配图上使用的字体应当做到 清晰可见 ,为了达到这个要求,手写体、过于复杂的艺术字体自然是首先被排除的。图片经过压缩后可能会变得难以辨认,这需要我们选择一些无衬线字体(比如黑体)。我曾经见过使用亮绿色宋体作为标注的,识别起来真的非常困难,感觉眼睛受到了极大的伤害。

除了允许你选用一个好字体,Snipaste 里也提供了加粗和阴影,可以在文字后方加上一圈底色。而且在 Snipaste 中有一个很贴心的小细节,不同颜色的底色是不同的——亮色的底色是黑色,暗色的底色是白色。有效保证了文字的可见性。

4. 多步操作时使用序号

在同一张配图上可能会演示多步操作,除了使用箭头作为标注,我们还可以为它们 加上序号 来明确操作顺序。

最理想的序号样式应该是一个圆形 + 数字,但是在 Snipaste 中无法准确绘制同等大小的圆形。替代的方案是直接输入数字,然后启用「阴影」为数字增加一圈边框,可以让序号变得很醒目。

从这一步开始,单靠 Snipaste 已经有点吃力了。因为 多步操作 可能还会用到 Photoshop 将几个步骤的图片放在一张图上,我们很难一次性截出想要的图片。

5. 通过阴影和放大突出重点

突出重点的方式有很多种,通过高亮、阴影和放大来突出重点都是不错的选择。

这一点在以截图为主要功能的软件中普遍不太容易做到。Snipaste 中也只有一个「荧光笔」功能使关键信息高亮,阴影和放大效果无法实现。

其他注意点

除了以上五个要点,在截图过程中也应该 避免截取过小的图片 避免手动绘制形状 等情况的出现。自己手动绘制标注通常是不可取的——除非你有足够好的鼠绘功底,能够徒手画出美观的手写式标注。

轻量的 UWP 版本 Snipaste 是我目前最喜欢的一款截图工具,它可以安静地常驻后台且帮我解决大部分截图、标注问题,已经满足了我的需求。

而更好的工具就意味着更复杂的操作和更高的资源占用,对普通人而言,轻量的截图操作没有必要这么复杂。只有当我需要为图片添加更高级的标注、添加图片阴影时才会打开 WinSnap、Ashampoo Snap 等更好用的工具。

而 QQ 截图尽管方便,但它仍然有两个致命的缺点——无法修改字体,无法二次修改。前者让文字模糊不清,后者要确保每一步操作都是正确的。这就决定了它只能作为临时截图的工具,无法承担起标注的重任。

你可以在 Windows Store 中免费下载 UWP 版本的 Snipaste,也可以访问 Snipaste 官网 下载 x86 版本 Snipaste。

由于我并非专业的设计师,本文只从实用性的角度出发,提出一些自己的见解。如果你还希望学习制作更精美的图示,可以选择订阅少数派的付费栏目 《用 OmniGraffle 画一个精美的图示》


 
作者:少数派
少数派发现优质应用、游戏与设备周边,撰写客观深度的评测,制作实用易懂的教程,以少数人的力量,改变多数人的数字生活。

发表评论