デザインデータは「見た目」の情報です。そこに写っていない情報がいくつもあり、それを伝えるのが指示書の役目です。

指示書がなくても、経験のある制作者なら妥当な形で組みます。ただし「妥当」の中身は人によって違うので、こだわりがある部分だけでも書いておくと、修正のやり取りが減ります。

よく指定される項目

見出しタグの指定が一番ずれる

デザイン上は同じ大きさの文字でも、片方は見出し、片方は強調したい本文、ということがあります。逆に、小さい文字でも構造上は見出しであるべき場合があります。

見た目からは判断がつかないので、ここは指示があると確実です。指定の仕方は単純で、デザインデータの上に「h2」と書き込むだけで足ります。

h1 はページに1つが原則です。トップはサイト名かキャッチコピー、下層はそのページのタイトルにするのが一般的です。

alt の指定

alt は、画像が表示されないときや、読み上げソフトを使っているときに読まれる文字です。全部の画像に必要というわけではありません。

• 内容を伝える画像 … 何が写っているかを短く書く
• ロゴ … 会社名
• 文字が画像になっている場合 … その文字をそのまま
• 背景・飾り … 空でよい（alt="" と指定する）

飾りの画像にまで説明を入れると、読み上げでは邪魔になります。「ここは空でいい」という指示も、立派な指示です。

指示書の形式

専用のフォーマットは要りません。実際に使われているのは次のような形です。

• Figma のコメント機能で、該当箇所に直接書き込む（一番ずれない）
• デザイン画像に赤字を入れた PDF
• ページごとに表にした Excel / スプレッドシート

Figma で渡せるなら、コメントが一番おすすめです。どこの話かが一意に決まるので、「上から3つ目のボタン」といった説明のずれが起きません。

全部書く必要はない

細かい指示書を作ること自体が負担になって、発注が止まってしまうことがあります。それでは本末転倒です。

最低限、次の3つだけ決まっていれば進められます。

1. リンク先（どのボタンがどこへ行くか）
2. WordPressで更新したい箇所
3. 「ここは絶対にこうしたい」というこだわりの部分

残りは制作側の判断に任せ、出てきたものを見て直す。このほうが速く進むケースも多いです。

ワプラボの場合

当社では、指示書が無い場合はこちらから確認事項を一覧にしてお送りします。見出しの階層・altの扱い・リンク先・更新範囲について、埋めていただくだけの形です。

Figma のコメントでのやり取りにも対応しています。デザインデータだけの支給でも進められますので、まずはご相談ください。