Visual Document Craft

違和感を軸に、美しく着地させるための制作譜面

0. 目的

これは Word、PDF、Illustrator など特定の道具の使い方ではない。

目的は、最終成果物を読みやすく、美しく、意図どおりに着地させること。

道具は目的に合わせて選ぶ。Word
にこだわる必要はない。固定配置が重要なら、固定配置に向いた別の道具を使ってよい。

道具に忠誠を誓うな。完成物に忠誠を誓え。

1. 最上位ルール：違和感センサーを使う

数値は正解ではなく、初期値や目安である。

余白、ロゴ間隔、行間、配置位置などは、ロゴの形・文字量・書体・言語・紙面サイズによって適切な値が変わる。

したがって最終判定は、紙面を俯瞰したときの違和感で行う。

たとえば、

• 上だけ重い
• 下だけ空きすぎる
• 一部だけ詰まっている
• 要素が孤立して見える
• ロゴと文字が衝突して見える
• 視線の流れが引っかかる
• ページごとの密度が急変する
• 理由はまだ説明できないが「なんか変」

これらは修正候補を知らせるセンサー出力である。

違和感を数値で黙らせない。

違和感は分かるが解法が分からない場合は、無理にもっともらしい修正を生成しない。

「変なのは分かる。でも直し方が分からない」なら、そこで聞く。

異常検知と解法生成は別工程である。

さらに重要なのは、違和感を感じた方向と、修正すべき方向が同じとは限らないということである。

たとえば「上下がスカスカに見える」という違和感があっても、上下方向だけを動かす必要はない。

本文幅を少し狭くして折り返しを増やすことで、本文ブロックの高さが増し、結果として上下のバランスが整うこともある。

違和感センサーが教えるのは、

「ここが変だ」

までである。

「だから、この方向へ、この数値だけ動かせ」

までを自動的に決めているわけではない。

違和感の発生場所と、原因と、修正軸を分けて考える。

2. 俯瞰が先、座標は後

制作物を直すとき、最初から「何mm動かす」「何pt変える」と考えない。

まず一枚全体を見る。

次に全ページを縮小して並べて見る。

そこで重心、密度、余白、視線の流れ、ページ間のリズムを確認する。

その後で初めて、必要な座標や数値を動かす。

× 座標を決める → 全体を見る
○ 全体を見る → 違和感を特定する → 必要な場所だけ動かす

森を見てから、変な木を探す。

3. 装飾がある場合の「仮想的な用紙端」

ヘッダーやフッターにロゴ、消印、帯などの装飾がある場合、物理的な紙端だけを基準に本文余白を取らない。

• ヘッダー装飾がある →
  装飾の視覚的な下端を仮想的な用紙上端と考える。
• フッター装飾がある →
  装飾の視覚的な上端を仮想的な用紙下端と考える。

そこから本文の余白を切る。

装飾も紙面の一部である。本文だけを物理的な紙端から測ると、視覚上の余白が詰まって見えることがある。

4. 制作順：表紙は最後に作る

表紙は最初に見るページだが、最初に作るページではない。

先に本文を作る。

本文では、章・節の区切り、ページ跨ぎ、本文密度、印刷安全域、最終ページまでを整える。その結果としてページ数を確定する。

その後で、確定した本文構成を参照しながら表紙と目次を作る。

動画のサムネイルと同じである。本編が固まる前に表紙を完成させると、後からページ数や目次が変わり、表紙が本文を縛り始める。

ページ数を先に固定し、その数字へ本文を無理に押し込まない。

ページが足りなければ増やす。小節が次ページへ自然に続くなら、ページを跨いでよい。

本文 → 本文ページ構成の確定 → 最終ページ → 表紙・目次 → 全ページ俯瞰 →
最終点検

5. 1ページ目は「本文の最初」ではなく「本の表紙」

1Pは表紙として扱う。

一目で、

• 何の資料か
• 誰／どこからの資料か
• 何が入っているか

が分かることを優先する。

本文ページとフォントサイズや配置が異なってもよい。

統一性より、見やすさと美しさを優先する。

長い情報を、

Label: 長い長い長い内容……

として不自然な位置で折り返すくらいなら、

Label:
内容

のように、ラベルと内容を分けてよい。

一行に詰め込むことより、情報ブロックとして美しく読めることを優先する。

5.1 表紙は「文字」ではなく「ブロック」で見る

表紙の文字列を一つずつ独立して配置しようとしない。

まず意味のまとまりで、たとえば次のようなブロックへ分ける。

• タイトルブロック
• 基本情報ブロック
• コンテンツ／目次ブロック
• クレジットブロック

最初に各ブロックの内部を整える。

その後、細かい文字列をいったん忘れ、各ブロックを一つの塊として見て、ブロック同士の間にある空気を整える。

完全に同じ間隔へ揃える必要はない。ブロックの高さ、大きさ、視覚重量によって自然な間隔は変わる。

見るべきなのは、

• なぜここだけ狭い？
• ここだけ谷のように空いていないか？
• このブロックだけ宙に浮いていないか？
• 上から下への視覚的な流れは自然か？

という違和感である。

文字を配置するな。塊と空気を配置する。

5.2 「紙の中央」ではなく「利用可能な視覚領域の中央」

ブロックを中央に置くとき、紙の物理的な中央だけを見ない。

たとえば目次ブロックなら、

上側にある固定ブロックの視覚的な下端
と
下側にある固定ブロックの視覚的な上端

の間を、一つの利用可能な視覚領域として考える。

その領域の中で、対象ブロックの重心が安定する位置を探す。

つまり中央とは、常に用紙寸法から計算する座標ではない。

周囲のブロックが作った空間の中での視覚的な中央もある。

5.3 目次は一筆で追えるようにする

目次では、

項目名 → リーダー（点線）→ ページ番号

が視線として自然につながるようにする。

点線の終端からページ番号までが空きすぎると、ページ番号だけが別の列として浮いて見える。

ページ番号の右端など、揃えるべき線は揃えつつ、リーダーとページ番号は一続きとして読める距離に置く。

ここでも「何mm」という値を正解にしない。

俯瞰して、ページ番号が目次本体から離れて見えるなら修正する。

6. 本文ページは、まず内容と区切りでページを切る

2Pから最終手前のページまでは、最初から均等な文字量になるよう機械的に分割しない。

まず、

章・節・内容の意味的な区切り

を優先してページを構成する。

その結果、ページごとの文字量に差が出てもよい。

小節が次ページへ続くこと自体は問題ではない。意味として自然なら、6.3 や
6.4 のような小節が次ページへ移ってよい。

避けるべきなのは、

• 見出しだけがページ末に孤立する
• 数行だけが不自然に取り残される
• 印刷安全域を侵食してまで押し込む
• ページ数を守るために可読性や美しさを犠牲にする

ことである。

ページごとの文字量の差は、後工程で余白の使い方によって整える。

7. フォントサイズ：11ptは床。天井ではない

公共・ビジネス用途の文書では、本文フォントは原則11pt未満にしない。

11ptは紙面バランスの目安ではなく、可読性を守るための最低ラインとして扱う。

11ptは床。天井ではない。

文字を大きくすることは、読みやすさと紙面バランスが改善するなら許される。

しかし、収まりをよくするために11pt未満へ縮小してはいけない。

文字が入りきらない場合は、

• ページ構成
• 内容の区切り
• 配置
• 余白
• 必要ならページ数

を見直す。

レイアウト上の問題を、可読性の低下で支払わない。

8. 最も密度の高いページから本文の基準を作る

本文ページを並べて、

文字量が最も多い＝余白が最も少ないページ

を探す。

そのページが自然に収まる範囲で、読みやすく美しい本文フォントサイズを決める。

11ptは絶対下限であり、余裕があればそれより大きくしてよい。

このページを本文全体の基準として考える。

ページごとの空白を埋めるためだけに、フォントサイズをバラバラに変更しない。

また、本文・見出し・ページ番号などが印刷時に切れないよう、物理的な紙端ではなく印刷安全域も成果物の境界として考える。

「画面上で入っている」は「印刷物として入っている」と同義ではない。

9. 余白の多いページは「余白の使い方」で整える

共通する本文の見え方を作った後、余白の大きいページを整える。

調整には順序がある。

9.1 行間

まず、読みづらくならない範囲で行間を自然な最大まで広げる。

9.2 章・節の間隔

まだ余白が大きければ、章と章、節と節など、意味の区切りの間隔を広げる。

意味の境界と視覚的な境界を一致させる。

9.3 自然な改行

文章上自然な場所なら、改行を増やしてよい。

ただし、空白を埋めるためだけに文章の意味やリズムを壊さない。

9.4 本文ブロック全体の位置

それでも下部だけが大きく空く場合、用紙に対する上下の空きを俯瞰し、本文ブロック全体を上下へ動かして重心を整える。

上余白と下余白を数字だけで揃えることが目的ではない。

紙面全体が自然に見える位置を探す。

10. 見出しは本文と「揃えすぎない」

番号付き見出しでは、番号と本文をすべて同じ左端へ機械的に揃えると、不自然に見えることがある。

見出し番号は本文の開始線より少し外側へ出し、見出し本文の開始位置と通常本文の視覚的な開始線を整える方法を検討する。

ここでも突き出し量を固定値にしない。

番号の桁数や書体を含めて俯瞰し、見出しが自然に読める位置を探す。

11. 最終ページは別ルール

最終ページには続きがないため、他ページより余白が多くても許容される。

目安として、

• 6割程度以上が自然に埋まっていると安定しやすい
• 7～8割程度が埋まっていると美しく見えやすい

ただし、これは絶対値ではない。

続きがないぶん下側の余白は許容されやすいが、上側の余白が不自然に大きいと、本文全体が下へ落ちて見えることがある。

最終ページもまず本文の重心を見る。

本文の後にクレジットセットを配置する。

それでも下部が寂しい場合は、

• 公式サイト情報
• 問い合わせ情報
• 短い案内
• 関連情報

などを置いてもよい。

しかし、これはオマケコンテンツである。

余白を埋めるためだけに不要な情報を追加しない。

善意のポテトを添えるな★

余白そのものは悪ではない。

12. クレジット＋ロゴは「名刺・ゴム印」として見る

クレジット情報とロゴを別々の物体として配置しない。

一つの署名ユニットとして考える。

日本の名刺やゴム印をイメージする。

たとえばクレジットが4行なら、その4行分の高さをロゴサイズの初期目安にできる。

文字情報とロゴの間隔は、まず1cm程度を試すこともできる。

しかし、

4行＝絶対のロゴ高ではない。
1cm＝正解でもない。

ロゴの形状、内部余白、視覚的重量によって適切な大きさと距離は変わる。

配置後に俯瞰して、

「一つの名刺／印として自然に見えるか？」

を確認する。

近すぎる、遠すぎる、ロゴだけ強い、文字だけ浮く――そう感じたら修正する。

また、ページ下部までクレジットを下げるなら、中央に半端に残すより、右下など明確な着地点へ寄せた方が署名として安定する場合がある。

これも固定ルールではなく、紙面全体の重心で判断する。

数値は初期配置のための補助輪であり、最終判定ではない。

13. 全ページを並べて見る

一枚ずつ整えた後、必ず全ページを縮小して並べる。

確認するもの：

• ページごとの密度
• 上下左右の重心
• 見出し位置
• 装飾位置
• 印刷安全域
• 余白のリズム
• 急に詰まるページ
• 急に空くページ
• ページをめくったときの視覚的な連続性
• 最終ページへの着地

個々のページが正しくても、一冊として不自然なことがある。

あるページが詰まり、次のページが極端に空いているなら、行間だけで解決しようとせず、章や小節を隣ページへ渡すことで冊子全体の密度を再配分できないかも考える。

ただし「空白を埋めること」自体を目的にしない。意味のまとまりが不自然になるなら送らない。

完成判定は、一枚の局所ではなく成果物全体で行う。

14. 違和感と解法を分離する

違和感を検知できても、正しい修正方法が分かるとは限らない。

その場合、AかBを無理に選ぶ必要はない。

Dかもしれない。

まず、

ここは変だ。

を確定する。

次に、

なぜ変なのか？

を考える。

解法に自信がなければ聞く。

やってはいけない流れ：

違和感を検知
→ 解法が分からない
→ もっともらしい解法を生成
→ 自信満々に実行
→ 完成判定

これは雪原犬である★ 🐕

15. 制作後の最終チェック：注文品を忘れない

完成したと思ったら、すぐ納品しない。

一度、制作工程から頭を離して成果物として見る。

1. まず文字を読まずに一枚を俯瞰する。
2. 次に全ページを並べて俯瞰する。
3. 次に内容を読む。
4. 印刷物なら安全域と切れを確認する。
5. 最後に元の依頼を確認する。

確認する：

「注文されたものは完成しているか？」

そして、

「注文されていないものを、親切心で増やしていないか？」

も見る。

ハンバーガーを頼まれたなら、まずハンバーガーを完成させる。

ポテトの研究を始めない。
ナゲットを追加しない。
ハンバーガーを忘れてポテトの説明を始めない。

追加できる ≠ 追加すべき。

また、レビューや指摘を受けている途中では、修正指示が出たと決めつけて勝手に施工を始めない。

指摘の収集なのか、修正方針の相談なのか、実際の修正依頼なのかを見分ける。

Core Principle

Rules are not the judge. They are starting points.

The final judge is the whole artifact viewed as a whole.

Use measurements to place things.
Use structure to organize things.
Use typography to make things readable.

But use visual discomfort to discover where the rules have failed.

If something feels wrong, inspect it.

If you know how to fix it, fix it.

If you do not know how to fix it, ask.

Do not silence a valid visual warning merely because the numbers say
the layout is correct.

最短の運指

目的地を見る。
↓
本文を作る。
↓
内容と区切りでページを組む。
↓
最密ページから本文の基準を作る。
↓
余白の多いページを整える。
↓
印刷安全域を確認する。
↓
最終ページを整える。
↓
本文のページ構成を確定する。
↓
最後に表紙・目次を作る。
↓
一枚を俯瞰する。
↓
全ページを俯瞰する。
↓
違和感を拾う。
↓
原因を見る。
↓
直せるなら直す。分からなければ聞く。
↓
もう一度俯瞰する。
↓
注文品が完成しているか確認する。

数値は補助輪。

上下が変でも、答えが上下にあるとは限らない。

軸は違和感センサー。

そして本文文字は、

11ptが床。天井ではない。

追記1

見本を素材にするな★

見本画像・スクリーンショット・完成品は配置や見た目を読むために使う。再利用可能な正式素材がPlanetに存在する場合、そこから切り抜いて部品を再生成しない。まずPlanetの元素材を取得する。

追記2

記憶を参照系にするな★
正解が保存されている作業では、記憶から再現しない。
正式素材・仕様・良品見本を作業面に並べ、現物対現物で比較する。
記憶は「何を探すか」の呼び水にだけ使う。

追記３

PDF BODY AREA RULE

• Treat the bottom edge of the upper-left fixed logo/postmark unit as the document’s virtual top edge for body composition.
• Apply the body top indent from that virtual edge; do not calculate body start directly from the physical paper edge.
• Body content must never extend below the vertical region occupied by the lower-right credit unit.
• Reserve the area below the credit level for fractional page numbering.
• Do not hard-code the final body-to-credit whitespace prematurely. After composition, inspect the whole page visually and adjust the body ending position if needed for balance.
• Collision limits are hard constraints; aesthetic whitespace is decided by final-page overview.

追記4

印刷を想定する文書では、紙端ではなく「印刷機が安全に再現できる領域」をまず成果物の物理境界として考える。そこから文書の性質に応じて、人間が読むための余白を追加する。印刷可能な最小余白と、文章として快適な余白は同じではない。写真・イラストと文章資料では、紙端の使い方も異なる。固定装飾がある場合は、その装飾が占有した領域を除いたところから本文の視覚的余白を取り直す。