Talkアメリカ合衆国Overseas / US16:9 · 40p

Believing is Seeing

Spiro Bolosの登壇資料 — 資料デザインの参考

元の資料を見るspeakerdeck.com
Spiro Bolos「Believing is Seeing」の1ページ目(表紙)
表紙
01 / 06
出典: Spiro Bolos「Believing is Seeing」(speakerdeck.com)。解説のために一部のページ(6枚)を縮小して引用しています。全ページは元の資料でご覧ください。

Editor's note — 編集部の視点

黒地に白黒写真、色は朱色のラベルだけ。

Spiro Bolosの登壇資料「Believing is Seeing」は、Georgia Proの引用と報道写真、公文書の画像だけで40ページを組み、1枚の写真の背景を資料でたどっていく。

LunaType & Whitespace
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

ページの型

  1. 出典: Spiro Bolos「Believing is Seeing」p.1

    表紙

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

  2. 出典: Spiro Bolos「Believing is Seeing」p.7

    写真

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

  3. 出典: Spiro Bolos「Believing is Seeing」p.12

    本文

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

  4. 出典: Spiro Bolos「Believing is Seeing」p.18

    本文

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

  5. 出典: Spiro Bolos「Believing is Seeing」p.19

    本文

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

  6. 出典: Spiro Bolos「Believing is Seeing」p.21

    写真

    密着焼きのシートを白い台紙ごと中央に置く。コマの並びを見せ、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営業日以内に対応します。取り下げ・修正を依頼する