Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
LTスライドの "見ため" レベルが ちょこっと上がる!講座
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
piyopiyo.rb
July 22, 2014
Design
950
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
LTスライドの "見ため" レベルが ちょこっと上がる!講座
piyopiyo.rb #5 トークセッション
Speaker: Mariko Ishida(pixta)
piyopiyo.rb
July 22, 2014
Other Decks in Design
See All in Design
【2026】ポートフォリオ_大坪明日香
tsubo52
0
130
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
webnaut
2
290
コールセンターのオペレーターに6時間だけなってみた
h0sa
0
180
自社プロダクトのUIをAIが再現するデザインビルドシステム
toy1618
0
1.3k
言幹と言葉(Stems & Leaves)
kakukoki
0
250
[Unity] VAT×VFX Graphがいま個人的にアツイという話
sakiyama
0
130
分裂するデザイン、取り残される空間—インクルーシブデザインスタジオが建築をやる理由
culumu
0
160
【CEDEC2026】『Shadowverse: Worlds Beyond』続編開発におけるUIデザイン・アニメーション演出の「超進化」 ~継承と挑戦を両立するデザイン手法~
cygames
PRO
4
5.4k
デザインツールを開く前に その画面は誰に何と言わせたい?受託UIデザイナーが顧客解像度を高める 「打ち合わせの場での確かめ方」
garyuten
1
280
技術に明るくない人が技術を選ぶために
moco1013
0
150
【Designship2026】「社内受託中心部署」から、事業とカルチャーを動かすデザイン組織へ
sugiyama_sukedachi
0
140
The ISO 25964 standard on Information and documentation — Thesauri and interoperability with other vocabularies
accessinnovations
0
270
Featured
See All Featured
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
63
46k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
12k
Into the Great Unknown - MozCon
thekraken
41
2.8k
The untapped power of vector embeddings
frankvandijk
2
1.9k
[Rails World 2026] Durable orchestration on Rails: from continuation to workflow
palkan
1
750
Scaling GitHub
holman
464
140k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
1k
Google's AI Overviews - The New Search
badams
0
1.6k
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
120
120k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.6k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Rails Girls Zürich Keynote
gr2m
96
14k
Transcript
LTスライドの "見ため" レベルが ちょこっと上がる!講座
広告利用OK!な 写真・イラスト・動画素材を 1点540円から販売する クリエイティブ・プラットフォーム「PIXTA (ピクスタ)」で エバンジェリストをしています 石田 麻梨子(いしだまりこ)です http://mohabronica.tumblr.com/ 自己紹介
◎そもそも「LT」ってなんですか? Lightnig talk(=稲妻トーク)、 プレゼンテーションのカタチのひとつ LTとは「5分間きっかりで行うプレゼン」のこと メリットは、たった5分間のプレゼンテーションなので、誰にでも挑 戦しやすい! デメリットは、たった5分間では伝えきれない!端的にまとめられな い!爆速で説明だけして、はいっ終了〜!(汗)
ということで、 本日は「LTスライドの "見ため" レベルが ちょこっと上がる!講座」ですー! もちろん、 スライドがなくても人を惹きつけるLTをすることは可能! そして、本日はあくまで「スライドの "見ため"
レベルを上げる」こ とがテーマ。そもそも心をつかむ内容、構成については別 途。。。m(_ _)m
LTの5分間でしなければいけないこと 聴衆者の心をつかむ! ただ、それだけ。。。 前提〜!
なので、やるべきことは「感動体験」の提供! 「感動体験」 = おお!マジすげぇ〜! よっしゃ、真似してぇ〜! こんなものがあったのか! なんて便利なんだー! 早速シェア〜! コイツすげぇ〜! コイツになりてぇ〜!
おぉ!そうなのか〜! となんだかLTを わかったつもりになったところで…
えぇ〜! でも、自分デザイナーじゃないんで 内容はともかくデザインは… キビシイっす!
まぁまぁ、 「デザインって、スペシャルな技で、 専門技術っすよね〜!?」 と構えずに、 ひとつずつ分解して考えてみましょう!
<スライドの構成要素> 基本的にはなんでもOK!だが、オーソドックスにはこう! ・自己紹介 ・トーク内容の概要 ・なぜこれを話すのか ・どんな問題があるのか ・どう解決したのか ・デモ ・結論 by
941 Blog(http://blog.kushii.net/archives/1775341.html) ◎「LT」って何をしゃべるんですか?
要は、テキスト(たまにグラフとか)ばっか!
ということは、 デザインセンスとかいらなくない?
デザインセンスはいらないけど、 意識してしかるべき "作法" はある!
・フォントサイズ ・レイアウト ・配色 ・改行へのこだわり ・スライドの下方に大事なことを書かない
・フォントサイズ ・レイアウト ・配色 ・改行へのこだわり ・スライドの下方に大事なことを書かない
フォントサイズ フォントサイズ フォントサイズ フォントサイズ(30pt) フォントサイズ(36pt) フォントサイズ(48pt) フォントサイズ(60pt)
フォントサイズ フォントサイズ フォントサイズ フォントサイズ(30pt) フォントサイズ(36pt) フォントサイズ(48pt) フォントサイズ(60pt)
・フォントサイズ ・レイアウト ・配色 ・改行へのこだわり ・スライドの下方に大事なことを書かない
①
②
②
③
③
NG ③
④
④
NG
NG
タイトルやテキストが一行の場合以外は、 基本は、左揃えがベター!
・フォントサイズ ・レイアウト ・配色 ・改行へのこだわり ・スライドの下方に大事なことを書かない
出展:PROUD_Science Square(http://ameblo.jp/proud-8816/entry-11522499554.html)
色相環なんて覚えらんないよー!
None
ってか、1色グラデーションで問題なし!
Sample Text plan A
Sample Text
・フォントサイズ ・レイアウト ・配色 ・改行へのこだわり ・スライドの下方に大事なことを書かない
改行にはこだわりましょう! 改行にはこだわり ましょう! 改行には こだわりましょう! 改行 にはこだわりましょう! 改 行にはこだわりましょう!
改行にはこだわりましょう! 改行にはこだわり ましょう! 改行には こだわりましょう! 改行 にはこだわりましょう! 改 行にはこだわりましょう!
・フォントサイズ ・レイアウト ・配色 ・改行へのこだわり ・スライドの下方に大事なことを書かない
◎そもそも「LT」ってなんですか? Lightnig talk(=稲妻トーク)、 プレゼンテーションのカタチのひとつ LTとは「5分間きっかりで行うプレゼン」のこと メリットは、たった5分間のプレゼンテーションなので、誰にでも挑 戦しやすい! デメリットは、たった5分間では伝えきれない!端的にまとめられな い!爆速で説明だけして、はいっ終了〜!(汗) ここ大事ですよ〜!テストにでますよ〜!
◎そもそも「LT」ってなんですか? Lightnig talk(=稲妻トーク)、 プレゼンテーションのカタチのひとつ LTとは「5分間きっかりで行うプレゼン」のこと メリットは、たった5分間のプレゼンテーションなので、誰にでも挑 戦しやすい! デメリットは、たった5分間では伝えきれない!端的にまとめられな い!爆速で説明だけして、はいっ終了〜!(汗) ここ大事ですよ〜!テストにでますよ〜!
・遠くからでも見えるフォントサイズ ・余裕のあるレイアウト ・少ない配色 ・瞬時に伝わる、改行へのこだわり ・スライドの下方に大事なことを書かない まとめ
これって、もしや。。。?
スライドのデザインに気を使う心は、おも てなしの心です!
出展:PIXTA 2013年 流行語素材(http://pixta.jp/buzzword)
参考になるサイト、ちょこっと
おすすめ!
おすすめ!
インパクトをだすために 画像は使ったほうが効果的ですか〜? 教えて、PIXTAさぁ〜ん!!! 特別編
LTスライドの "見ため" レベルが ちょこっと上がるデザイン講座 Sample A
LTスライドの 見ためレベルが ちょこっと上がる デザイン講座 Sample B 業界の有名人 業界の有名人 業界の有名人 出展:ピクスタアンテナ(
http://pixta.jp/antenna/omoshiro/14883)
ちょっとの工夫で 格段に名刺交換が楽しくなる 裏ワザ! Sample 1
ちょっとの工夫で 格段に名刺交換が 楽しくなる 裏ワザ! Sample 2 出展:ピクスタアンテナ( http://pixta.jp/antenna/omoshiro/14883)
Yes!!! 伝えたいことが "目に見える" "具体像" となって相手に伝わるので、 訴求力(インパクト)は上がります!
But... 画像をつかう上で重要なことは、 いかにその画像が具体的なイメージを 喚起させてくれるものかどうか。
デザインとは、おもてなしの心です 最後に…
出展:PIXTA 2013年 流行語素材(http://pixta.jp/buzzword)
ご清聴ありがとうございました!