Talk
Japan16:9 · 35p
デザイン組織を進化させるための仕組み化の要諦（Designship 2024）
ファインディ株式会社の登壇資料 — 資料デザインの参考
Editor's note — 編集部の視点
本文は40px、1ページ9行前後の大きな文字。
ファインディのDesignship 2024の登壇資料は、青1色で描いた会社紹介の図版を前半に置き、大きな文字と広い左右の余白で、仕組み化の話を話す速さで読ませる。
表紙で記号がドーンと画面の外へはみ出してて、幕が上がる瞬間みたい！そこから自己紹介、会社の話へとテンポよく温めていく流れが、ライブの前説っぽくて気持ちいい！
- 1本文は1920px換算で40px、1ページの文字は中央値109字。会場の後ろの席まで届く量に絞っている
- 2左右の余白は220px超。文字を中央の帯に集め、ページが替わっても目線が動かない
- 3会社紹介の図はアイソメの立方体と小さな人物のイラストで統一。青の濃淡で描き分ける
Measured
判型・余白・文字量（実測）
- 余白（1920px換算）
- 上89 右225 下211 左222
- 1枚の文字量
- 中央値 約109字
- 多いページ
- 約141字
- 写真・画像の面積
- 約1%
公開PDFの35ページから計測。余白は本文サイズ以上の文字を置く範囲の外側です（ページ番号などの小さな文字は端から 上89・下45・左198・右46px）。
Color
配色
実測の面積比（代表ページ）
本文の文字色と背景のコントラスト: 15.5:1
Typography
書体と文字サイズ（実測）
和文の見出し・本文（Bold / Regular）
- 使用
- Noto Sans JP
- 代替
- Noto Sans JP
英字・数字
- 使用
- Helvetica
- 代替
- Inter
PDFに埋め込まれた書体: NotoSansJP-Bold（63%）、NotoSansJP-Regular（18%）、Helvetica（15%）、Helvetica-Bold（2%）
- ページ見出し資料の型 Aa71px · PPT 36pt
- 本文資料の型 Aa40px · PPT 20pt
- 注釈・出典資料の型 Aa20px · PPT 10pt
px は横1920pxに換算した値。見本は半分の大きさで表示しています。
Page types
ページの型
表紙
全面を青で塗り、右側にロゴの記号を半透明で大きく置いて画面の外へはみ出させる。左上にロゴ、題名は白の太字で2行にまとめる。
人物紹介
左に登壇者の写真を円で切り抜き、青い円弧を添える。右に名前と一言、経歴を箇条書きで4行並べる。下端には青の細い帯とロゴを敷く。
メッセージ
左に小さな英字ラベルと日本語、右に大きな2行の見出しと本文を置く。左下にアイソメの立方体と人物のイラストを置き、文字の塊と釣り合わせる。
メッセージ
前のページと同じ型で、イラストを右上へ移し、見出しを左へ寄せる。左右を入れ替えるだけで、続きのページだとわかるようにしている。
図解
中央にロゴの入った円、周りに4つの事業を白い箱で配置し、円と箱の間に役割のラベルを置く。四隅にアイソメの立方体を散らして余白を埋める。
タイムライン
横一本の青い線に年と月の目盛りを打ち、出来事を枠付きの箱で上下に振り分ける。節目だけ青で塗り、下に灰色の面で結論を1行、大きく置く。
Reproduce
この型で資料を作るには
- 01本文40px・見出し71px前後（1920px換算）。1ページ10行以内に収める
- 02左右の余白は220px以上。文字は中央の帯に集める
- 03色は青（#155aa7）の濃淡が中心。オレンジは年表の枠など補助に限る
- 04図版はアイソメの立方体と小さな人物のイラストで統一する
- 05下端に青の細い帯を敷き、左下にロゴ、右下にページ番号を置く
- 06登壇用の本文は40px前後に上げ、1ページの行数を10行以内に絞る
- 07左右の余白を広くとり、文字を画面中央の帯に集める
- 08会社紹介のイラストは1つの描き方（アイソメ）にそろえる
- 09年表は1本の線に出来事を上下交互に振り分け、節目だけ色を塗る
スライドのデザイン分析MDに含まれるもの
実測の判型・余白・文字サイズ（PowerPoint / Google スライドの pt 換算つき）・文字量 / カラートークンとコントラスト / ページの型 / AIっぽさを消すルール / Claude・ChatGPT・Gemini 用の生成プロンプト / Web資料（HTMLスライド）の実装方針 / 盗用を避ける差し替えリスト（Pro: 色・文字・余白を反映済みの Web資料のひな形・Marp テーマCSS・tokens.json）
デザイン組織を進化させるための仕組み化の要諦（Designship 2024）についてよくある質問
ファインディの登壇資料のデザインの特徴は？
本文を1920px換算で40pxと大きくし、左右に220px以上の余白をとって文字を中央に集めています。会社紹介の図はアイソメのイラストと青の濃淡で統一しています。
どんなフォントを使っている？
和文は Noto Sans JP（Bold・Regular）で文字量の約8割、英字と数字は Helvetica です。
何ページある？
16:9の横長で35ページです。1ページの文字数は中央値109字、行数は中央値9行です。
安心してお使いいただくために
- 引用の範囲で掲載
- 代表ページ数枚を縮小して、解説と実測値に添えています。出典と元資料へのリンクを必ず表示します。
- PDF・画像は配布しません
- 資料そのもののダウンロードは提供していません。原本は公開元のページでご覧いただけます。
- MDは数値と構造だけ
- デザイン分析MDに、元資料の文章・画像・図版は含みません。差し替え必須のものも明記しています。
- 人物写真に配慮
- 一般の社員・来場者など、私人が大きく写るページは掲載しません。
著作権・商標は各権利者に帰属します。権利者の方からの取り下げ・修正のご依頼は、原則2営業日以内に対応します。取り下げ・修正を依頼する
