TalkカナダOverseas / CA16:9 · 104p

Performance Is Good for Brains

Tammy Evertsの登壇資料 — 資料デザインの参考

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

Editor's note — 編集部の視点

手描きの絵、全面写真、青い面を順に回す。

Tammy Evertsの登壇資料は、脳と表示速度の話を、手描きのイラストと全面写真と青の引用ページの3つの型で組み、104枚を緩急をつけて見せている。

LeoMotion & Direction
炎の輪の写真から、青一色の引用ページへ切り替わる流れがいい!熱い画から一気に静かな画面へ。ライブの転換みたいなメリハリで、会場の集中が一段上がりそう!
  • 1表紙は手描きの人物と読み込みバーの絵。題より先に、待つ時間の気分を絵で見せる
  • 2引用は青の全面に白文字で中央揃え。要の数語だけ黄色にして、読む場所を絞る
  • 31枚の文字は中央値39字・2行。写真のページには文字をほとんど置かない

Measured

判型・余白・文字量(実測)

本文・見出しを置く範囲
余白(1920px換算)
上146 右89 下109 左133
1枚の文字量
中央値 約39字
多いページ
約214字
写真・画像の面積
約42%

公開PDFの104ページから計測。余白は本文サイズ以上の文字を置く範囲の外側です(ページ番号などの小さな文字は端から 上102・下14・左66・右22px)。

Color

配色

実測の面積比(代表ページ)

本文の文字色と背景のコントラスト: 14:1

Typography

書体と文字サイズ(実測)

本文・引用(Medium / Light / Bold)

使用
Gotham
代替
Montserrat

見出し(Bold)

使用
Karbon
代替
Figtree

PDFに埋め込まれた書体: Gotham-Medium(32%)、Karbon-Bold(28%)、Gotham-Light(27%)、Gotham-Bold(12%)

  • 表紙・中扉の大見出し資料の型 Aa146px · PPT 73pt
  • ページ見出し資料の型 Aa58px · PPT 29pt
  • 本文資料の型 Aa34px · PPT 17pt
  • 注釈・出典資料の型 Aa24px · PPT 12pt

px は横1920pxに換算した値。見本は半分の大きさで表示しています。

Page types

ページの型

  1. 出典: Tammy Everts「Performance Is Good for Brains」p.1

    表紙

    白地の左に、手描きの人物とハートを散らし、足元に読み込みバーを描く。右に題を2行、下に連絡先を小さく右寄せ。題も絵と同じ紫と金で塗る。

  2. 出典: Tammy Everts「Performance Is Good for Brains」p.7

    写真

    計測機器を着けた人の後ろ姿を全面に1枚。顔は写さず、機器に視線が向く構図で見せる。暖かい色の写真で、白地のページとの間に温度差をつける。

  3. 出典: Tammy Everts「Performance Is Good for Brains」p.9

    メッセージ

    白地に赤い額縁のような面を置き、版画調の太鼓の絵と飾り文字を中央に。話の山場の前に、間を取る1枚として挟む。書体も絵も古い印刷物の調子でそろえる。

  4. 出典: Tammy Everts「Performance Is Good for Brains」p.44

    写真

    暗い浜辺で炎の輪が描かれる写真を全面に1枚。人物はほぼ影になり、光の軌跡だけが目に入る。文字は置かず、次の引用のページへの前振りにする。

  5. 出典: Tammy Everts「Performance Is Good for Brains」p.47

    メッセージ

    青の全面に引用文を白で中央揃えにし、要の語だけ黄色にする。下に出典の人名と書名を小さく2行で添える。引用符も本文と同じ白で、飾りを足さない。

  6. 出典: Tammy Everts「Performance Is Good for Brains」p.77

    写真

    医療用モニターの画面を大きく切り取り、数字の並びをそのまま見せる。グラフを描き直さず、実物の画面で語る。数字の色の違いが、そのまま情報の区別になる。

Reproduce

この型で資料を作るには

  • 01型は手描きのイラスト、全面写真、青の全面の3つを回す
  • 02青(#007eda)は引用と要点のページの全面に使う
  • 03引用の強調語は黄色。1枚に1か所
  • 04書体は Gotham と Karbon。本文34px、見出し58px(1920px換算)
  • 051枚の文字は中央値39字・2行前後
  • 06ページの型を3つに決め、同じ型が続きすぎないように並べる
  • 07引用は1色の全面に中央揃えで置き、要の語だけ色を変える
  • 08写真のページは文字を置かず、次の話への前振りにする
  • 09表紙は手描きの絵で、話のテーマを先に気分として伝える

スライドのデザイン分析MDに含まれるもの

実測の判型・余白・文字サイズ(PowerPoint / Google スライドの pt 換算つき)・文字量 / カラートークンとコントラスト / ページの型 / AIっぽさを消すルール / Claude・ChatGPT・Gemini 用の生成プロンプト / Web資料(HTMLスライド)の実装方針 / 盗用を避ける差し替えリスト(Pro: 色・文字・余白を反映済みの Web資料のひな形・Marp テーマCSS・tokens.json)

Performance Is Good for Brainsについてよくある質問

イラストと写真を組み合わせた登壇資料の例は?

Tammy Evertsの「Performance Is Good for Brains」は、手描きのイラスト、全面写真、青の全面の引用ページの3つの型を回して組んでいます。

どんなフォントを使っている?

本文と引用は Gotham(Medium・Light・Bold)、見出しは Karbon Bold です。本文は1920px換算で34px前後です。

何ページある?

16:9で104ページです。1ページの文字数は中央値39字と少なく、写真のページが多く挟まります。

安心してお使いいただくために

引用の範囲で掲載
代表ページ数枚を縮小して、解説と実測値に添えています。出典と元資料へのリンクを必ず表示します。
PDF・画像は配布しません
資料そのもののダウンロードは提供していません。原本は公開元のページでご覧いただけます。
MDは数値と構造だけ
デザイン分析MDに、元資料の文章・画像・図版は含みません。差し替え必須のものも明記しています。
人物写真に配慮
一般の社員・来場者など、私人が大きく写るページは掲載しません。

著作権・商標は各権利者に帰属します。権利者の方からの取り下げ・修正のご依頼は、原則2営業日以内に対応します。取り下げ・修正を依頼する