TalkOverseas / US16:9 · 40p
Believing is Seeing
Spiro Bolosの登壇資料 — 資料デザインの参考

Editor's note — 編集部の視点
黒地に白黒写真、色は朱色のラベルだけ。
Spiro Bolosの登壇資料「Believing is Seeing」は、Georgia Proの引用と報道写真、公文書の画像だけで40ページを組み、1枚の写真の背景を資料でたどっていく。

Georgiaを大きく組むと、だいたい野暮ったくなる。なのに中央揃えで行を短く切ってるから、ちゃんと引用の顔になってる。朱色のラベルを大文字にして字間を少し開けたのも、分かってる。
- 1色は朱色の小さなラベルだけ。黒地と白黒写真の中で、出典の位置にだけ目が行く
- 2写真から目録、日誌、密着焼きへ。1枚の写真の裏側を、資料を足しながらたどる
- 3引用はGeorgia Proで1920px換算72px前後。セリフ体の大きな文字が写真と同じ重さで立つ
Measured
判型・余白・文字量(実測)
- 余白(1920px換算)
- 上128 右1176 下0 左90
- 1枚の文字量
- 中央値 約0字
- 多いページ
- 約249字
- 写真・画像の面積
- 約42%
公開PDFの40ページから計測。余白は本文サイズ以上の文字を置く範囲の外側です(ページ番号などの小さな文字は端から 上109・下0・左90・右956px)。
Color
配色
実測の面積比(代表ページ)
本文の文字色と背景のコントラスト: 1.1:1
Typography
書体と文字サイズ(実測)
引用・本文(Regular / Italic)
- 使用
- Georgia Pro
- 代替
- Gelasio
ラベル・一語の見出し(Light / Bold)
- 使用
- Readex Pro
- 代替
- Readex Pro
PDFに埋め込まれた書体: GeorgiaPro(84%)、ReadexProLight(9%)、ReadexPro,Bold(6%)、GeorgiaPro,Italic(2%)
- ページ見出し資料の型 Aa108px · PPT 54pt
- 本文資料の型 Aa60px · PPT 30pt
- 注釈・出典資料の型 Aa48px · PPT 24pt
px は横1920pxに換算した値。見本は半分の大きさで表示しています。
Page types
ページの型

表紙
黒地の中央にセリフ体の引用を3行、中央揃えで大きく組む。下に朱色の大文字で書名、続けて灰白で著者名、さらに副題を1行添え、出典の形で幕を開ける。

写真
白黒の報道写真を画面いっぱいに裁ち落としで敷き、左上に白の太いサンセリフで一語だけ重ねる。写真を読む前の合図として、文字を最小限にする。

本文
黒地の中央に、資料目録のサイトの画面を横長の帯として切り出して置く。写真の題名と日付の部分だけを見せ、余計な画面は入れない。

本文
手書きの日誌の紙面を黒地の中央に1枚。次のページで同じ紙面を幅いっぱいに拡大し、読むべき行へ寄っていく。

本文
前のページの日誌を画面の幅いっぱいに拡大し、上部の数行だけを見せる。資料に寄っていくカメラのような切り替え。

写真
密着焼きのシートを白い台紙ごと中央に置く。コマの並びを見せ、1枚の写真の前後にあった場面を示す。
Reproduce
この型で資料を作るには
- 01地は黒#000000。色は朱色#c55910のラベルだけ
- 02引用はGeorgia Pro、ラベルと一語の見出しはReadex Pro
- 03写真は裁ち落としか中央に1枚。複数を並べない
- 04資料は同じ紙面を2枚使い、全体から拡大へ寄っていく
- 05文字は60〜72px(1920px換算)。写真のページは文字なしか一語だけ
- 06黒地・白文字・朱色のラベルの3つだけでテンプレートを作る
- 07写真は1枚ずつ大きく見せ、どの順で寄っていくかをページで決める
- 08引用はセリフ体を大きく、中央揃えで短く改行する
- 09資料の画像は全体と拡大の2枚で使う
スライドのデザイン分析MDに含まれるもの
実測の判型・余白・文字サイズ(PowerPoint / Google スライドの pt 換算つき)・文字量 / カラートークンとコントラスト / ページの型 / AIっぽさを消すルール / Claude・ChatGPT・Gemini 用の生成プロンプト / Web資料(HTMLスライド)の実装方針 / 盗用を避ける差し替えリスト(Pro: 色・文字・余白を反映済みの Web資料のひな形・Marp テーマCSS・tokens.json)
Believing is Seeingについてよくある質問
Believing is Seeingのスライドのデザインの特徴は?
黒地に白黒の報道写真と公文書の画像を1枚ずつ大きく置き、文字はセリフ体の引用と朱色の小さなラベルだけに絞っています。写真の全体から資料の拡大へと、順に寄っていく構成です。
どんなフォントを使っている?
引用と本文はGeorgia Pro、ラベルと一語の見出しはReadex Proです。1920px換算で本文60px、引用は72px前後です。
何ページある?
16:9で40ページです。文字のない写真だけのページが多く、1ページの文字数の中央値は0字です。
安心してお使いいただくために
- 引用の範囲で掲載
- 代表ページ数枚を縮小して、解説と実測値に添えています。出典と元資料へのリンクを必ず表示します。
- PDF・画像は配布しません
- 資料そのもののダウンロードは提供していません。原本は公開元のページでご覧いただけます。
- MDは数値と構造だけ
- デザイン分析MDに、元資料の文章・画像・図版は含みません。差し替え必須のものも明記しています。
- 人物写真に配慮
- 一般の社員・来場者など、私人が大きく写るページは掲載しません。
著作権・商標は各権利者に帰属します。権利者の方からの取り下げ・修正のご依頼は、原則2営業日以内に対応します。取り下げ・修正を依頼する



