Skip to content

Latest commit

 

History

History
254 lines (155 loc) · 5.66 KB

201203_keynote.rst

File metadata and controls

254 lines (155 loc) · 5.66 KB

やさしい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

お披露目

  • おおおーっ