MonotipsStation · #26

プレゼン資料に差がつくインフォグラフィック入門|monotips station 第26回

インフォグラフィックの基本と、Canvaの英語検索、Piktochartの機能や無料版の制約を紹介。テンプレートを資料やウェブ画像に活用する方法を解説します。

あらかわX
しばっちXInstagram

章の「ここから聞く」を押すと、このプレーヤーが該当位置へ移動します。

プレゼン資料に差がつくインフォグラフィック入門|monotips station 第26回

イントロダクション

プレゼン資料に図やイラストを取り入れたいけれど、ゼロから作るのは難しい。第26回では、情報を視覚的に伝えるインフォグラフィックと、CanvaやPiktochartのテンプレートを使う方法を紹介します。英語で検索するコツや、資料以外への活用例も分かります。

収録は2020年10月の最終週。冒頭では、今年に入って体重が増え、去年買ったスーツがきつくなったという話題が出ました。体重は85キロ近くまで増え、来年は75キロを目指すという目標も。ベルトの位置が変わったことも、ダイエットを考えるきっかけになったようです。

最近はDIYや旅行の動画を見るのにもハマっているそうです。軽自動車の荷台に載せるキャンピングカーのシェルを自作する様子など、ものができあがっていく過程を眺めるのが楽しいとのこと。何かを作ったり取り付けたりするとき、Google検索より先にYouTubeで動画を探すことが増えた、という実感も語られました。そこから今回のハウツー、プレゼン資料を作るウェブサービスの話へ進みます。


1. 情報を図にすると、インフォグラフィックになる

まずは、今回のテーマであるインフォグラフィックの意味と、プレゼンで役立つ理由を確認します。

1-1. データや情報を、目で分かる形にする

あらかわが紹介したキーワードは、インフォグラフィックです。データや情報を、分かりやすく視覚的に表現することを指します。しばっちは、図やグラフは知っていても、それらをまとめてインフォグラフィックと呼ぶことは知りませんでした。

例として挙がったのは、動物の背の高さをキリンやクジラの絵で比べるダイアグラム、グラフ、相関図、フローチャート、年表、地図などです。非常階段から逃げる人を示すマークのようなピクトグラムも、図案化して情報を伝える方法の一つです。

プレゼンだけでなく、ウェブサイトの特集記事にも使われています。縦に長く、スクロールしながら読む形式のインフォグラフィックを見かけることもあります。

1-2. スライドに図を入れたいけれど、作るのは難しい

事業計画やプレゼン資料は、文章や数字が続いて平板になりがちです。そこで、情報をビジュアルでまとめると伝わりやすくなります。ただ、いざおしゃれな図を自分で作るとなると、簡単ではありません。

二人は普段、Googleスライドを使っています。PowerPointやKeynoteを使う人もいますが、Googleスライドの標準テンプレートは少し野暮ったく感じることもあり、しばっちは白紙から資料を作っているそうです。

あらかわが勧めたのは、テンプレートを活用すること。あらかじめパーツが組み合わされたウェブサービスなら、文字や素材を入れ替えて資料を作れます。そこでCanvaとPiktochartの二つを、画面を見ながら紹介しました。


2. Canvaは英語で「infographic」と検索する

一つ目はCanvaです。テンプレートを探す言葉を英語にするだけで、見つかる素材が変わります。

2-1. 先にプレゼンテーションのサイズを選ぶ

Canvaはプレゼン資料の作成にも使えます。しばっちにCanvaを開いてもらい、あらかわが操作の流れを説明しました。プレゼン資料を作るときは、まずプレゼンテーションのサイズを選んで編集画面に入ります。

収録時に紹介されたCanvaの無料版では、背景のサイズを後から変えられないため、最初に用途に合ったサイズを選ぶのがポイントでした。インフォグラフィックのテンプレートには縦長のものもあります。ウェブサイト向けのサイズを選ぶとプレゼン用のスライドとは合わないので、先にプレゼンテーションを選び、その画面でテンプレートを検索します。

2-2. 検索窓に英語を入れる

テンプレートの検索窓に、英語で infographic と入力します。Canvaはオーストラリア発のサービスで英語圏でも使われているため、日本語で検索するより英語のほうが素材が多い、とあらかわは説明しました。実際に検索すると、インフォグラフィック向けのテンプレートがいくつも表示されます。

テンプレートの中では、文字やイラストなどのパーツを個別に編集できます。用意されたデザインを選び、文字や絵を差し替えれば、自分の資料に合わせた形にできます。しばっちも画面を見ながら、簡単にデザインを作れそうだと反応しました。

Canvaで作ったものはPNGで書き出し、Googleスライドに貼り付けられます。Canva上で複数ページのプレゼン資料を作り、PDFにして見せる方法もあります。テンプレートを探すときに英語のキーワードを試すのが、手軽なコツです。


3. Piktochartなら、別のデザインも探せる

二つ目はPiktochartです。Canvaとは違うデザインを探したいときや、インフォグラフィックをより手軽に作りたいときの候補になります。

3-1. インフォグラフィック向けのテンプレートがそろう

Piktochartは、インフォグラフィックやピクトグラムの作成により特化したサービスとして紹介されました。検索するときはカタカナではなく、アルファベットで PIKTOCHART と入力します。ポスター、プレゼンテーション、ウェブページなどを作れます。

CanvaとPiktochartでは得意なデザインのテイストが違います。Canvaでしっくりくるテンプレートが見つからなければ、Piktochartも見てみるとよさそうです。あらかわは、左側のタブメニューからデザインを選びやすい点も気に入っていました。

一方、無料版には作成数の上限があり、紹介時には5つまでと説明されています。作ったものを後から再編集できない場合もあるため、いくつも作りたい場合は有料プランが選択肢になります。無料の範囲で使うなら、作成したものを書き出してから削除し、次のものを作る運用もできる、とあらかわは話しました。

3-2. ウェブサイト用の画像やラフにも使う

あらかわは、プレゼン資料に使うだけでなく、Piktochartでウェブサイト用の画像を作ることもあります。デザインツールのXDの代わりのようにラフを作り、画像としてそのまま貼ることもあるそうです。デザインを本業にする人には少し邪道に感じられるかもしれない、と断りつつ、便利な使い方として紹介しました。

グラフと地図を連携させる機能も話題になりました。画面にはアメリカの地図が表示され、左側にExcelの情報を入れると、右側の州が反応します。激戦州を示すような見せ方もできると、二人は画面を見ながら確かめていました。

Piktochartでまずラフを作り、必要なら別のソフトで仕上げる使い方もありそうです。また、Canvaに比べると使う人が少ないため、あらかわはデザインのヒントを得たり、資料に違いを出したりする場面でも役立つと考えています。


4. テンプレートで、資料づくりの時間を短くする

二つのサービスを見たうえで、あらかわが改めて勧めたのはテンプレートの活用です。文字を入れ替えるだけで、自分の内容に合った資料を作りやすくなります。先に作られたデザインを参考にすれば、時間をかけすぎず、見やすさにも手を入れられます。

Canvaをまだ使ったことがない人は、まずCanvaでテンプレートを探してみる。さらに違うデザインを見たい人やヒントが欲しい人は、Piktochartも試してみる。検索するだけでも選択肢が広がります。しばっちも、次のプレゼンで使ってみようと話していました。


今回の話を仕事に持ち帰るなら

資料の内容を文章と数字だけで並べると、話の流れがつかみにくくなることがあります。図やグラフ、相関図などに置き換えられる情報がないか考えると、伝え方の選択肢が増えます。

  • インフォグラフィックは、データや情報を視覚的に表現する方法
  • Canvaでは infographic と英語で検索すると、テンプレートを探しやすい
  • Canvaの無料版では、作り始める前に用途に合ったサイズを選ぶ
  • Piktochartでは、無料版の作成数や再編集の制約を踏まえて使う
  • テンプレートは資料だけでなく、ウェブサイト用の画像やラフ作成にも活用できる

収録では画面を共有しながらサービスを試しましたが、しばっちのパソコンでは読み込みに時間がかかる場面もありました。ウェブアプリはマシンや回線の力を使う、という話から、年内に予定しているパソコンの買い替えにも話がつながります。次回は、しばっちのような使い方をする人に必要なパソコンのスペックや、選ぶときのポイントを一緒に考える予定です。


monotips stationについて

monotips stationは、ビジネスの小技を紹介するウェブマガジン「monotips」から生まれたPodcastです。編集長のあらかわと副編集長のしばっちが、毎週ビジネスに役立つTIPSを紹介しています。紹介した内容は、ウェブマガジン「monotips」でも取り上げています。