Talk
Overseas / SE16:9 · 113p
The Spectacular Lies of Maps
Per Axbom（Axbom Innovation AB）の登壇資料 — 資料デザインの参考
Editor's note — 編集部の視点
黒地に、地図だけが浮かぶ。
Per Axbomの登壇資料は、黒い画面に白い台を置いて図法の図版を載せ、ピンクと橙を題と図形の強調だけに使うことで、113枚の話を地図の歪みを見比べる時間にしている。
平面の小窓と地球儀を1枚に重ねたら、同じ線がまるで違う曲がり方をする！ライブで照明がガラッと切り替わった瞬間みたいに、見え方がひっくり返るのが最高！
- 1図版は白い台に載せ、周りは黒のまま。台の外に何も置かず、視線を地図だけに集める
- 2図法はまず橙の輪郭だけを見せ、次の1枚で地図を中に描き込む。形を先に覚えさせる順番
- 31枚の文字は中央値75字・3行。説明は台の下にセリフ体で1行添える程度にとどめる
Measured
判型・余白・文字量（実測）
- 余白（1920px換算）
- 上71 右112 下85 左132
- 1枚の文字量
- 中央値 約75字
- 多いページ
- 約300字
- 写真・画像の面積
- 約62%
公開PDFの113ページから計測。余白は本文サイズ以上の文字を置く範囲の外側です（ページ番号などの小さな文字は端から 上58・下55・左108・右76px）。
Color
配色
実測の面積比（代表ページ）
本文の文字色と背景のコントラスト: 21:1
Typography
書体と文字サイズ（実測）
図版の説明・見出し（Bold / Regular / Bold Italic）
- 使用
- Merriweather
- 代替
- Merriweather
ラベル（Bold）
- 使用
- Atkinson Hyperlegible
- 代替
- Atkinson Hyperlegible
名前・補足（Medium）
- 使用
- Avenir Next
- 代替
- Nunito Sans
PDFに埋め込まれた書体: Times-Roman（24%）、Merriweather-Bold（19%）、AtkinsonHyperlegible-Bol（13%）、Merriweather-Regular（12%）
- 表紙・中扉の大見出し資料の型 Aa120px · PPT 60pt
- ページ見出し資料の型 Aa38px · PPT 19pt
- 本文資料の型 Aa14px · PPT 7pt
- 注釈・出典資料の型 Aa8px · PPT 4pt
px は横1920pxに換算した値。見本は半分の大きさで表示しています。
Page types
ページの型
表紙
黒地の左上に名前と題を2段で置き、題だけピンクの大文字にする。下半分は月面から地球を望む写真を全幅に敷き、右下にピンクの帯で写真の出典を添える。
図解
黒地の中央に白い台を置き、図法の仕組みを示す2つの図を矢印でつないで載せる。台の下にセリフ体の短い説明を1行だけ添える。
写真
地球儀の画面キャプチャを全面に敷き、左上に平面地図の小窓を重ねる。同じ航路を2つの見え方で並べ、ピンクの線で目で追わせる。
図解
黒地に橙の塗りだけで図法の輪郭を大きく描く。大陸も経線も入れず、形だけを1枚で見せる。何の形かを考えさせ、次のページへの問いにする。
図解
前のページと同じ輪郭を白い台の上に移し、中に大陸を描き込む。輪郭の橙を残すので、2枚が1つの動きとしてつながって見える。
比較・表
左の白い台に3種類の図法を縦に並べ、右の黒地に図法の名前をセリフ体で3行置く。図と名前の高さをそろえ、線を引かずに行の位置だけで対応させる。
Reproduce
この型で資料を作るには
- 01背景は黒。図版は白い台に載せ、台の外に飾りを置かない
- 02強調色はピンク（#ef667e）と橙（#ff9c35）の2色。文字より図形とラベルに使う
- 03説明文はセリフ体の Merriweather。見出し38px・最大120px（1920px換算）
- 041枚の文字は中央値75字・3行前後まで
- 05左右の余白は112〜132px前後。図版は中央に大きく置く
- 06背景を黒にして、図や地図は白い角丸なしの台に載せる
- 07見せたい形は、まず単色の輪郭だけで1枚、次に中身を描き込んで1枚と分ける
- 08説明はセリフ体で台の下に1行。本文を長く書かない
- 09強い色は2色までにして、題と図形の強調に限る
スライドのデザイン分析MDに含まれるもの
実測の判型・余白・文字サイズ（PowerPoint / Google スライドの pt 換算つき）・文字量 / カラートークンとコントラスト / ページの型 / AIっぽさを消すルール / Claude・ChatGPT・Gemini 用の生成プロンプト / Web資料（HTMLスライド）の実装方針 / 盗用を避ける差し替えリスト（Pro: 色・文字・余白を反映済みの Web資料のひな形・Marp テーマCSS・tokens.json）
The Spectacular Lies of Mapsについてよくある質問
海外カンファレンスの登壇資料で参考になるデザインは？
Per Axbomの「The Spectacular Lies of Maps」は、黒地に白い台を置いて図版を載せる型をくり返し、図法の違いを見比べさせる構成です。強調色はピンクと橙の2色に絞っています。
黒背景の登壇資料で図を見やすくするには？
この資料では、図を白い台に載せて黒地から切り離し、台の外には何も置いていません。文字は1枚の中央値75字と少なく、図が主役になるようにしています。
どんなフォントを使っている？何ページある？
説明文はセリフ体の Merriweather、ラベルに Atkinson Hyperlegible、補足に Avenir Next です。16:9で113ページあります。
安心してお使いいただくために
- 引用の範囲で掲載
- 代表ページ数枚を縮小して、解説と実測値に添えています。出典と元資料へのリンクを必ず表示します。
- PDF・画像は配布しません
- 資料そのもののダウンロードは提供していません。原本は公開元のページでご覧いただけます。
- MDは数値と構造だけ
- デザイン分析MDに、元資料の文章・画像・図版は含みません。差し替え必須のものも明記しています。
- 人物写真に配慮
- 一般の社員・来場者など、私人が大きく写るページは掲載しません。
著作権・商標は各権利者に帰属します。権利者の方からの取り下げ・修正のご依頼は、原則2営業日以内に対応します。取り下げ・修正を依頼する
