やさしいKeynote
URL: http://www.zusaar.com/event/239053 開催日時: 2012/03/24 16:30 〜 18:30 定員: 12人 受付期間: 2012/03/12 19:30 〜 2012/03/23 23:30 場所: JUSO Coworking 403号室 住所: 大阪市淀川区十三東1-17-13 水交ビル403号
はじまりましたー
照明落としたらめっちゃムーディーにw
- 十三コワーキングスペースの紹介
- 鉄腕波平がスライドにっ!!
- 新スペースできましたっ
- ドロップイン
- マンスリープラン
- 平日水曜は9時まで
- 土日はイベントです。
勉強会本編
自己紹介
参加人数: 10名
16:53
IT系でなくいろんな業界の方が参加されているという印象
講師の方はグラフィックデザイナーとしてTV業界
- 短い時間でわかりやすいものを作成
- パネル
- フリップ
- テロップ
- マルチスクリーン
ポスター、リーフレット コーポレート・キャンペーン VP、Web用動画
+keynote制作受託
なぜkeynoteなのか
持ってきてる人 はーい→ずばばばーっと手が挙がる…
パワポに比べて「優れたプレゼンツールと言われている」
- デザイン性に優れている
- アニメーション表現が豊か
- iOS との親和性
(パワポは)テンプレートが害悪なのでは
プレゼンの定義
- Presentation
- 【名】紹介・披露・発表・提示
- Proposal
- 【名】提案
提案は相手の理解度が重要視される
Note
アニメーションがkeynoteのキモ
プレゼンの要素
プレゼンを構成する演出
- スライド
- テキスト
- 画像
- アニメーション
- サウンド
- スピーカー
- 口調
- 身だしなみ
- 立ち振る舞い
- キャラクター
- シナリオ
- ストーリー
- 数字
- 証言
会場、デモ、サプライズ
スライドに必要な文字デザイン
- 大きな文字
- 後ろの人も読めるように。大は小を兼ねる
- シンプルな文言
- 1行13文字を意識
- 中央揃えにしない
- 中央・右揃えにしない
プレゼンの様子のはめ込み合成
- 「画面高さの1/6 で文字を打ってます。結構読めると思いませんか?」
- 4行程度になるでしょうか
「画面高さの1/8 で文字を打ってます。結構読めると思いませんか? 小さいけれどギリギリ読める」
Yahooトピックスは13文字
- 2秒で理解、クリックしてもらうための手法
ニュース番組冒頭テロップも13文字
- リードテロップ
- 文字の大きさの違う2行のテロップ
文言を短くするコツ
- 「てにをはのが」を切る
- 体言止め
- 外来語を避ける
Tip
長体率を変更して長い文言を一行に収めるなどを
PhotoShopなどで画像
中央揃えは目が散る
- 複数行の内容を中央揃えにすると「目が散る」
- 視線の動きは行頭を探して目が迷う
質問
Q.長体は画像なの?
A.画像です。画像が間違っている場合には矩形を置いて、等の対処をします。
Q.プレゼンに適しているフォントは?
A.シンプルなものがよい(平成ゴ)、つぶれない程度に太めのフォントを使用する
Note
おすすめのフォントがあるらしい。
某レーザープリンタの付属フォントおぬぬめ
実践編
「キーノートのおいしいところ、アニメーション」
マスタースライドを編集しながら
アニメーションの種類は2種類に大別される
- トランジション
ページ遷移時のアニメーション
- ビルド
同一ページ内のオブジェクトそれぞれに効果を与える
トランジション
トランジションなし→
- インスペクタ -> トランジション
ビルド
- インスペクタ -> ビルド
- イン/アウト/アクション
Note
Windows 2010にビルドに相当するもの
アニメーションは控えめに?
- 大事なところはアニメーションを付けて印象づける
- 大事でないところは地味に、「1秒以内」の動きを
ビルドって結構面倒くさい
- オブジェクト数が多いと「ウボアアアア」ってなります
「マジックムーブ」を利用したアニメーション
- 同じオブジェクトを複数枚のスライド
- 先に目的のスライドを作成しておいて、複製してつくるといいよ
お題:履歴書
3つの項目
- ひとつめ
- ふたつめ
- みっつめ
これに「結論」を加える(ここにマジックムーブを使用する)
TIPS
- 透過画像をKeynote用に用意
- アニメーションの「コピー」「ペースト」
- 黄色い線のガイドをうまく利用して位置合わせしてみよう
スライドのサイズ
- デフォルトは 1024x768、カスタムサイズも設定出来ますよ
- 72DPI
お披露目
- おおおーっ