Mac でスクリーンショットにプロのように注釈する方法
矢印、吹き出し、ハイライト、スポットライトで、スクリーンショット自身に語らせる。サポート・ドキュメント・デザインフィードバックのために、macOS でスクリーンショットに注釈する実践ガイド。
よい注釈は、スクリーンショットを「これが画像です」から「私が言いたいのはまさにこれです」へと変えます。バグを報告するときも、ドキュメントを書くときも、デザインのフィードバックを伝えるときも、意図的な数本の印が段落分の説明を省いてくれます。macOS でそれを上手にこなす方法を紹介します。
ツールではなく、目的から始める
何かを描く前に問いましょう。見る人は最初にどこを見るべきか？ よい注釈とは注意を導くことです。明確な矢印 1 本は、散らばった 5 本に勝ります。ハイライトされた領域 1 つは、虹色のボックスの群れに勝ります。抑制はプロらしく読まれ、雑然さはノイズとして読まれます。
注釈の基本ツールキット
ほぼすべての仕事をこなす印を、だいたい手に取る順に並べました。
- 矢印 — 主役。重要な一点を指します。先細りの矢印（根元が太く、先が細い）は、ただの線より意図的に見え、向きをはっきり示します。
- テキストラベル — 対象に名前を付け、短い注記を添え、手順の番号を振ります。ラベルは数語に抑え、細部の上ではなく余白に置きます。
- 長方形と楕円 — 隠さずに領域を囲みます。塗りつぶしではなく輪郭線を使い、中身が見えるようにします。
- ハイライター — テキストや行の上にかける半透明の色。本物の蛍光ペンのようです。「この行を見て」に最適。
- スポットライト — 注目させたい領域以外をすべて暗くします。スクリーンショットがごちゃついているときの、最も強力な「ここを見て」ツール。
- 直線 — ラベルと対象をつなぐ、または下線を引く。
うまくいくパターン
バグを報告する？ 壊れた要素に矢印、何が悪かったかを示す短いテキストラベル、機密の上にベタ塗りのブロック。これなら開発者が数秒で対応できる報告になります。
ドキュメントを書く？ テキストラベルで手順に番号を振り（1、2、3）、長方形で対象のコントロールを囲み、色をそろえて手順がきれいに読めるようにします。
デザインのフィードバックを伝える？ 議論中の領域にスポットライトを当て、特定の要素をハイライターで示し、長いキャプションではなく簡潔なテキスト注記を添えます。
読みやすくする
プロの注釈と雑な注釈を分けるのは、いくつかの細部です。
- アクセントカラーは 1 色に決め、それを貫きます。2 色目には意味を持たせるべきです（例：赤＝問題、緑＝正しい）。
- コントラストが重要 — 赤やマゼンタはたいていの UI で映えます。スクリーンショットに溶け込む色は避けましょう。
- 媒体に合わせたサイズに — フルサイズでは問題ない注釈も、チャットに縮小されると消えてしまうことがあります。必要だと感じるより少し大胆に。
- 余白を残す — ラベルを端に詰め込んだり、指し示している細部の上に重ねたりしないこと。
macOS でのやり方
macOS 標準の Markup は基本を押さえていますが、スクリーンショットのたびに数クリック必要で、単純な図形どまりです。日常的に行う作業なら、専用エディタのほうが速く、より表現力のあるツールが使えます。
iSkitch は、まさにこのループのために作られています。⌥⌘4 を押してキャプチャすると、撮ったものがそのままエディタで開きます — 起動するアプリも、探すファイルもありません。14 のツールが常にワンクリックで使えます。先細りの矢印、任意のシステムフォントによるテキスト、長方形、楕円、直線、ハイライター、ペン、スタンプ、ステッカー、スポットライト、縦横比プリセット付きのトリミング、そして機密の細部を隠すピクセル化／ぼかし／ブロック。
マークアップが終わったら、macOS 共有シートで共有、Slack・Mail・ドキュメントへ直接ドラッグ、コピー、または PNG・JPG・PDF への書き出し。ネイティブの買い切りアプリで、アカウント不要・トラッキングなし — キャプチャしたものが Mac の外へ出ることはありません。
1 分のワークフロー
- ⌥⌘4 で領域をキャプチャ。
- 要点に矢印を 1 本加える。
- 名前付けが必要なら短いテキストラベルを加える。
- 画面がごちゃついているならスポットライトかハイライトを。
- 機密はすべてベタ塗りのブロックで隠す。
- エディタから直接共有する。
このループをマスターすれば、あなたのスクリーンショットは毎回ひとりでに語ってくれます。