Talk
Overseas / GB16:9 · 165p
Entertainment as Code: Finale
Salma Alam-Naylorの登壇資料 — 資料デザインの参考
Editor's note — 編集部の視点
表紙は、名前がネオンで画面いっぱい。
Salma Alam-Naylorの登壇資料は、ネオンのグラデーションと極太イタリックで配信番組のような入口を作り、中身は1枚9字前後の言葉と実物の画面キャプチャで165枚を駆け抜ける。
ネオンの表紙から、いきなり青い起動画面へ！オープニング曲のあとに暗転して、昔の映像が流れるライブの演出そのもの。この2枚目の落差に、鳥肌！
- 11枚の文字は中央値9字。言葉を削り、配信画面や端末の画面そのものに語らせる
- 22枚目で古いパソコンの青い起動画面を全面に。1枚で、話の出発点の時代へ連れていく
- 3画面キャプチャの周りをネオンのグラデーションで縁取る。地味な画面も番組の1カットになる
Measured
判型・余白・文字量（実測）
- 余白（1920px換算）
- 上73 右64 下56 左187
- 1枚の文字量
- 中央値 約9字
- 多いページ
- 約42字
- 写真・画像の面積
- 全面に画像（判定不可）
公開PDFの160ページから計測。余白は本文サイズ以上の文字を置く範囲の外側です（ページ番号などの小さな文字は端から 上73・下56・左150・右64px）。
Color
配色
実測の面積比（代表ページ）
本文の文字色と背景のコントラスト: 2.9:1
Typography
書体と文字サイズ（実測）
題・見出し（Medium / Semibold / Bold Italic）
- 使用
- Graphik
- 代替
- Inter
補足（Regular）
- 使用
- Rubik
- 代替
- Rubik
PDFに埋め込まれた書体: Graphik-Medium（59%）、Graphik-BoldItalic（25%）、Graphik-Semibold（9%）、Rubik-Regular（4%）
- 表紙・中扉の大見出し資料の型 Aa212px · PPT 106pt
- ページ見出し資料の型 Aa48px · PPT 24pt
- 本文資料の型 Aa33px · PPT 17pt
- 注釈・出典資料の型 Aa30px · PPT 15pt
px は横1920pxに換算した値。見本は半分の大きさで表示しています。
Page types
ページの型
表紙
緑から黄、ピンクへのグラデーションの全面に、名前を極太の大文字で画面いっぱいに置く。上に袋文字のイタリックと極太イタリックの題を斜めに重ねる。
写真
古いパソコンの起動画面を、走査線ごと全面に再現する。見出しは置かず、画面の中の表示だけで場面を伝える。青の地に水色の文字という当時の配色もそのまま使う。
写真
黒い星空のウェブサイトを、ブラウザの枠ごと全面に置く。紹介したいサイトを加工せず、そのまま見せる。枠を残すことで、実在するページだと一目で分かる。
写真
動画サイトの再生画面を、検索窓や再生数まで含めて全面のスクリーンショットで見せる。話の裏づけを、加工しない実物の画面で置く。
写真
コードの配布サイトの画面を全面に置く。作ったものを説明の図に描き直さず、公開されている姿で見せる。前後のネオンのページとの落差で、実物らしさが際立つ。
図解
ネオンのグラデーションの地に、左はコード、右はチャット欄の画面を重ねる。コードと、それが動いた結果を1枚で並べる。2枚の画面を少し重ね、つながりを示す。
Reproduce
この型で資料を作るには
- 011枚の文字は中央値9字、1行まで
- 02表紙と区切りはネオンのグラデーションと Graphik の極太イタリック
- 03画面キャプチャは加工せず全面で見せる
- 04画面の周りはネオンのグラデーションで縁取る
- 05最大212px、本文33px（1920px換算）
- 06表紙と区切りに、ネオン色のグラデーションと極太イタリックを使う
- 07説明は図に描き直さず、実物の画面キャプチャを全面で見せる
- 08キャプチャの周りに少しだけグラデーションの縁を残し、資料の色を保つ
- 091枚の言葉は1行までにして、枚数でテンポをつくる
スライドのデザイン分析MDに含まれるもの
実測の判型・余白・文字サイズ（PowerPoint / Google スライドの pt 換算つき）・文字量 / カラートークンとコントラスト / ページの型 / AIっぽさを消すルール / Claude・ChatGPT・Gemini 用の生成プロンプト / Web資料（HTMLスライド）の実装方針 / 盗用を避ける差し替えリスト（Pro: 色・文字・余白を反映済みの Web資料のひな形・Marp テーマCSS・tokens.json）
Entertainment as Code: Finaleについてよくある質問
ポップでにぎやかな登壇資料の参考は？
Salma Alam-Naylorの「Entertainment as Code: Finale」は、ネオンのグラデーションと極太イタリックの表紙で入り、中身は実物の画面キャプチャを全面で見せる構成です。
どんなフォントを使っている？
題と見出しは Graphik（Medium・Semibold・Bold Italic）、補足に Rubik です。
何ページある？文字の大きさは？
16:9で165ページです。1920px換算で本文33px・最大212pxで、1ページの文字数は中央値9字です。
安心してお使いいただくために
- 引用の範囲で掲載
- 代表ページ数枚を縮小して、解説と実測値に添えています。出典と元資料へのリンクを必ず表示します。
- PDF・画像は配布しません
- 資料そのもののダウンロードは提供していません。原本は公開元のページでご覧いただけます。
- MDは数値と構造だけ
- デザイン分析MDに、元資料の文章・画像・図版は含みません。差し替え必須のものも明記しています。
- 人物写真に配慮
- 一般の社員・来場者など、私人が大きく写るページは掲載しません。
著作権・商標は各権利者に帰属します。権利者の方からの取り下げ・修正のご依頼は、原則2営業日以内に対応します。取り下げ・修正を依頼する
