Talk
Overseas / DE16:9 · 30p
Navigating the Design Leadership Dip
Andy Polaineの登壇資料 — 資料デザインの参考
Editor's note — 編集部の視点
写真1枚に、短い一言だけを乗せる。
Andy Polaineの登壇資料は、全面写真に Helvetica の白い太字を重ねるページを軸にして、表紙と図のページだけ朱色の題で区切ることで、30枚の話を比喩の写真でつないでいる。
ジェットコースターの急降下で、題の“落ち込み”を体で感じさせる表紙！最初のカットでテーマを体感させる、映画のオープニングそのもの。つかみが完璧！
- 1写真の上の見出しは1920px換算で120px前後。全面写真の上でも文字が負けない
- 2朱色は表紙と図のページの題だけ。写真が続く中で、話の骨組みの位置が分かる
- 3文字は写真の空いた側に寄せる。炎なら右上、暗い室内なら右下と、置き場所を写真に合わせる
Measured
判型・余白・文字量（実測）
- 余白（1920px換算）
- 上103 右98 下25 左88
- 1枚の文字量
- 中央値 約70字
- 多いページ
- 約150字
- 写真・画像の面積
- 全面に画像（判定不可）
公開PDFの30ページから計測。余白は本文サイズ以上の文字を置く範囲の外側です（ページ番号などの小さな文字は端から 上63・下25・左79・右68px）。
Color
配色
実測の面積比（代表ページ）
本文の文字色と背景のコントラスト: 18.9:1
Typography
書体と文字サイズ（実測）
見出し（Bold）
- 使用
- Helvetica
- 代替
- Inter
本文・名前（Regular）
- 使用
- Helvetica
- 代替
- Inter
PDFに埋め込まれた書体: Helvetica-Bold（56%）、Helvetica（44%）、Helvetica-BoldOblique（0%）
- 表紙・中扉の大見出し資料の型 Aa180px · PPT 90pt
- ページ見出し資料の型 Aa32px · PPT 16pt
- 本文資料の型 Aa16px · PPT 8pt
px は横1920pxに換算した値。見本は半分の大きさで表示しています。
Page types
ページの型
表紙
左半分をオフホワイトにして、朱色の Helvetica の太字で題を3行、下に名前とQRコード。右半分は題の比喩になる遊園地の写真を縦に切って置く。
図解
白地の左上に朱色の題を1行、その下に手描きの曲線グラフを大きく置く。軸のラベルも手書きのままで、話しながら描いたような温度を残す。
写真
鳥の群れの全面写真に、白の太字を2行で下寄せ中央に置く。群れの形を隠さないよう、文字は空の下側に収める。薄い影をつけ、明るい空の上でも読めるようにする。
写真
炎の全面写真の右上、暗く空いた部分に白の太字を2行置く。放水の斜めの線が、左下から文字へ視線を運ぶ。1語だけイタリックにして、言葉の芯を示す。
写真
暗い室内の写真をほぼ黒のまま全面に敷き、右下に白の太字を2行だけ置く。奥の明るい部分を小さく残して奥行きを出し、文字は手前の闇に置く。
メッセージ
左の黒い面に白の太字を3行、右に逆光のシルエット写真を置く。画面を縦に割り、言葉と像を同じ重さで並べる。人物は影だけで、表情に頼らない。
Reproduce
この型で資料を作るには
- 01書体は Helvetica の Bold と Regular だけ
- 02写真は全面に敷き、文字は白の太字で写真の空いた側に置く
- 03朱色（#e84a34）は表紙と図のページの題だけに使う
- 04写真のページの見出しは120px前後（1920px換算）、2〜3行まで
- 051枚の文字は中央値70字・4行前後
- 06話の要点ごとに比喩になる写真を1枚選び、全面に敷く
- 07文字は Helvetica 系の太字の白1色で、写真の暗く空いた側に置く
- 08表紙と図のページだけ明るい地にして、題を朱色にする
- 09図は描き直さず、手描きの線のまま見せてもよい
スライドのデザイン分析MDに含まれるもの
実測の判型・余白・文字サイズ（PowerPoint / Google スライドの pt 換算つき）・文字量 / カラートークンとコントラスト / ページの型 / AIっぽさを消すルール / Claude・ChatGPT・Gemini 用の生成プロンプト / Web資料（HTMLスライド）の実装方針 / 盗用を避ける差し替えリスト（Pro: 色・文字・余白を反映済みの Web資料のひな形・Marp テーマCSS・tokens.json）
Navigating the Design Leadership Dipについてよくある質問
写真を大きく使った登壇資料の例は？
Andy Polaineの「Navigating the Design Leadership Dip」は、比喩になる写真を全面に敷き、白の Helvetica の太字を2〜3行だけ重ねるページを中心に組んでいます。
どんなフォントを使っている？
Helvetica の Bold と Regular だけです。写真の上の見出しは1920px換算で120px前後あります。
何ページある？
16:9で30ページです。1ページの文字数は中央値70字と少なめです。
安心してお使いいただくために
- 引用の範囲で掲載
- 代表ページ数枚を縮小して、解説と実測値に添えています。出典と元資料へのリンクを必ず表示します。
- PDF・画像は配布しません
- 資料そのもののダウンロードは提供していません。原本は公開元のページでご覧いただけます。
- MDは数値と構造だけ
- デザイン分析MDに、元資料の文章・画像・図版は含みません。差し替え必須のものも明記しています。
- 人物写真に配慮
- 一般の社員・来場者など、私人が大きく写るページは掲載しません。
著作権・商標は各権利者に帰属します。権利者の方からの取り下げ・修正のご依頼は、原則2営業日以内に対応します。取り下げ・修正を依頼する
