惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Google DeepMind News
Google DeepMind News
I
InfoQ
Engineering at Meta
Engineering at Meta
D
DataBreaches.Net
L
LangChain Blog
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Recent Announcements
Recent Announcements
GbyAI
GbyAI
爱范儿
爱范儿
Microsoft Security Blog
Microsoft Security Blog
腾讯CDC
美团技术团队
罗磊的独立博客
Microsoft Azure Blog
Microsoft Azure Blog
WordPress大学
WordPress大学
T
The Blog of Author Tim Ferriss
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
雷峰网
雷峰网
M
MIT News - Artificial intelligence
D
Docker
MongoDB | Blog
MongoDB | Blog
F
Fortinet All Blogs
博客园 - 叶小钗

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
记住这 5 点,用 Snipaste 快速做出一张美观的标注配图 - 少数派
2017-12-25 · via 少数派

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

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

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

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

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

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

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

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

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

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

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

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

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

3. 选用一个清晰的字体

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

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

4. 多步操作时使用序号

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

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

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

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

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

其他注意点

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

  • 「为什么要选用 Snipaste?XX 截图软件、XX 标注软件比它多了不少功能呢。」

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

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

  • 「QQ 截图能不能做到?」

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

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

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