Talk

登壇資料・カンファレンススライドのデザイン参考・事例

カンファレンスや勉強会の登壇資料の参考集です。話しながら見せるスライドならではの、文字を減らした大胆なデザインを実測値つきで解説しています。

登壇資料のデザインでよく見られるポイント

  • 1枚に置く言葉を減らし、大きな文字やビジュアルで話の区切りを示す。
  • コードや図は拡大して1枚に1つだけ見せる。
  • 最初と最後に、話し手の名前と連絡先・資料のURLを置く。
Addy Osmani (Google)「The Cost Of JavaScript in 2023」の表紙登壇資料

The Cost Of JavaScript in 2023

アメリカ合衆国Addy Osmani (Google)開発

Alice Bartlett (Financial Times)「The Journey of a Byline」の表紙登壇資料

The Journey of a Byline

イギリスAlice Bartlett (Financial Times)プロダクト

Andy Bell(Set Studio)「Be the browser’s mentor, not its micromanager」の表紙登壇資料

Be the browser’s mentor, not its micromanager

イギリスAndy Bell(Set Studio)開発

Andy Polaine「Navigating the Design Leadership Dip」の表紙登壇資料

Navigating the Design Leadership Dip

ドイツAndy Polaineデザイン

Cassini Nazir (University of North Texas)「Everyday Curiosity」の表紙登壇資料

Everyday Curiosity

アメリカ合衆国Cassini Nazir (University of North Texas)デザイン

David Neal(ReverentGeek)「The Illustrated Guide to Node.js」の表紙登壇資料

The Illustrated Guide to Node.js

アメリカ合衆国David Neal(ReverentGeek)開発

Feli Bernutz「Designing APIs: How to ensure accessibility in design system components」の表紙登壇資料

Designing APIs: How to ensure accessibility in design system components

ドイツFeli Bernutz開発

ファインディ株式会社「デザイン組織を進化させるための仕組み化の要諦(Designship 2024)」の表紙登壇資料

デザイン組織を進化させるための仕組み化の要諦(Designship 2024)

日本ファインディ株式会社人材 / エンジニア向けサービス

Harry Roberts(CSS Wizardry)「Site-Speed That Sticks」の表紙登壇資料

Site-Speed That Sticks

イギリスHarry Roberts(CSS Wizardry)開発

Hidde de Vries「The future of UX is green」の表紙登壇資料

The future of UX is green

オランダHidde de VriesUX

Irina Nazarova & Arthur Objartel (Evil Martians)「Programmable colors: bridging design and code」の表紙登壇資料

Programmable colors: bridging design and code

アメリカ合衆国Irina Nazarova & Arthur Objartel (Evil Martians)デザイン

Jeremy Keith(Clearleft)「In And Out Of Style」の表紙登壇資料

In And Out Of Style

イギリスJeremy Keith(Clearleft)開発

株式会社LayerX「Bet AI Day 2026丨デザインハーネス:専門職の判断基準をコードのように運用する」の表紙登壇資料

Bet AI Day 2026丨デザインハーネス:専門職の判断基準をコードのように運用する

日本株式会社LayerXSaaS / AI

Manuel Matuzović「Breaking with Habits」の表紙登壇資料

Breaking with Habits

オーストリアManuel Matuzović開発

Matthias Ott「Painting With the Web」の表紙登壇資料

Painting With the Web

ドイツMatthias Ottデザイン

Michael Chan (Chromatic)「Tame the Component Multi-verse」の表紙登壇資料

Tame the Component Multi-verse

アメリカ合衆国Michael Chan (Chromatic)開発

Michelle Chin「Decolonizing Your Design System」の表紙登壇資料

Decolonizing Your Design System

アメリカ合衆国Michelle Chinデザイン

Michelle Schulp Hunt「Building Experiences: Design Systems, User Experience, and Full Site Editing」の表紙登壇資料

Building Experiences: Design Systems, User Experience, and Full Site Editing

アメリカ合衆国Michelle Schulp HuntUX

Nathan Curtis (Directed Edges)「Managing Design Systems (Smashing NY 2024)」の表紙登壇資料

Managing Design Systems (Smashing NY 2024)

アメリカ合衆国Nathan Curtis (Directed Edges)デザイン

note株式会社「noteの目指す世界とプロダクトマネジャー」の表紙登壇資料

noteの目指す世界とプロダクトマネジャー

日本note株式会社メディア / クリエイター

Per Axbom(Axbom Innovation AB)「The Spectacular Lies of Maps」の表紙登壇資料

The Spectacular Lies of Maps

スウェーデンPer Axbom(Axbom Innovation AB)デザイン

Rasagy Sharma「From π to Pie charts」の表紙登壇資料

From π to Pie charts

インドRasagy Sharmaデータ可視化

Salma Alam-Naylor「Entertainment as Code: Finale」の表紙登壇資料

Entertainment as Code: Finale

イギリスSalma Alam-Naylor開発

Spiro Bolos「Believing is Seeing」の表紙登壇資料

Believing is Seeing

アメリカ合衆国Spiro Bolos教育

Stéphanie Walter「A Designer’s Guide to Documenting Accessibility & User Interactions」の表紙登壇資料

A Designer’s Guide to Documenting Accessibility & User Interactions

ルクセンブルクStéphanie WalterUX

Tammy Everts「Performance Is Good for Brains」の表紙登壇資料

Performance Is Good for Brains

カナダTammy Everts開発

Tracy Apps「Design in an AI World」の表紙登壇資料

Design in an AI World

アメリカ合衆国Tracy Appsデザイン

すべての資料を見る →

登壇資料のデザインについてよくある質問

かっこいい登壇資料を作るコツは?

文字を減らし、1枚に1つのことだけを大きく見せることです。Katapick の各資料の実測値(1枚あたりの文字量や文字サイズ)を目安にすると、詰め込みすぎを防げます。

登壇資料のデザインを参考にできるサイトは?

Katapick の「登壇資料」では、国内外のカンファレンスの資料からデザインの整ったものを選び、実測値つきで紹介しています。デザイン分析MDで、同じ型のスライドをAIに作らせることもできます。