← ガイド一覧へ

画像注釈のUXベストプラクティス

画像に情報を重ねるとき、最小の記号で最大の理解を目指します。本記事では、矢印と集中線を中心に、テキストとのバランスやレイアウトのコツをUXの観点から解説します。

1. まず“何を伝えるか”を一文で決める

注釈の設計は、キャプション1行から。メッセージが定まれば、必要な図形（矢印／集中線）と数が自ずと削れます。

2. テキストは短く、矢印は最短

言葉は短く、矢印は最短距離。視線が迷う要素を排除し、視線誘導を一本に絞ります。

3. 重要度の段階を作る

重要＝太く・鮮やか／補足＝細く・淡く。矢印や文字サイズに差をつけ、どこから読めば良いか一目で分かるようにします。

4. 誤解を生まない配置

矢印の先端が何に触れているかが命。余白を確保し、対象物の“エッジ”に正確に触れるように微調整します。

5. 集中線は“視線の導入”に使う

インパクトのある導入には集中線が有効。中心を見せたい箇所に置き、本数と太さで抑揚を作ります。やり過ぎは禁物。

まとめ

最小の記号で最大の理解へ。まずはメッセージを1行に。矢印は最短、文字は短く、集中線は導入。やじるしと集中線の二刀流で、伝わる一枚を作りましょう。