Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
LTスライドの "見ため" レベルが ちょこっと上がる!講座
Search
piyopiyo.rb
July 22, 2014
Design
1
740
LTスライドの "見ため" レベルが ちょこっと上がる!講座
piyopiyo.rb #5 トークセッション
Speaker: Mariko Ishida(pixta)
piyopiyo.rb
July 22, 2014
Tweet
Share
Other Decks in Design
See All in Design
メドレーという会社と デザインチームのひみつ/About Medley design team
medley
0
400
デザインに関わる全ての人たちでエベレスト登頂を目指すために取り組んでいること
amishiratori
0
600
実務のための マイクロ インタラクション入門
shingo2000
0
360
意志と、デザインと、ときどきお金
transit_kix
2
2.2k
今日から始めるDesignOpsのヒント
isaikaori
1
430
ウェブディレクターを救うBacklog
wattlaa
0
290
コラボレーションを小さくはじめ、大きく広める - 相互理解のためのデザイン&開発交流会, Friends of Figma Tokyo by Yasuhiro Yokota
yasuhiroyokota
2
1.2k
文化に寄りそうデザイン
recruitengineers
PRO
4
920
#コムデナ vol.2 「初めてのデザインカンファレンス協賛!共有したい3つのやらかし」
kiyoshifuwa
1
330
UX/UI改善に貢献するユーザーテストとは? 基礎知識から実施のプロセスまで解説
ncdc
0
330
Amebaデザインシステム Spindleの開発 / The Development of Spindle
spindle
4
630
デザインを誘発する「イネーブルメント」アプローチ #spectrumfest2023 / 20231203
minamitary
0
580
Featured
See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
2
3.4k
What's in a price? How to price your products and services
michaelherold
237
11k
Debugging Ruby Performance
tmm1
70
11k
Designing for Performance
lara
601
67k
Practical Orchestrator
shlominoach
182
9.7k
Writing Fast Ruby
sferik
621
60k
4 Signs Your Business is Dying
shpigford
175
21k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
6
1.5k
Git: the NoSQL Database
bkeepers
PRO
422
63k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
116
18k
How GitHub Uses GitHub to Build GitHub
holman
468
290k
Web development in the modern age
philhawksworth
202
10k
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)
ご清聴ありがとうございました!