Yuki's bnb blog

こんにちは!Yukiといいます。本業のかたわら大阪で2016年夏から民泊運営のお手伝いをしています。民泊業務に関する様々なことを自動化・効率化したいと思い日々活動しています。 お気軽にコメント・お問い合わせください :) TOEICスコア 985

【簡単!】パワポで民泊用のおしゃれな経路図を作る方法

f:id:yukibnb:20191226131549p:plain

こんにちは!
Yuki (@yukibnb) です。

以前民泊の道順案内には駅番号がおすすめという記事を書きました。
www.yukibnb.com


駅番号を使わずに文字だけで関空から民泊施設までの道順を書くと以下のようになります。
f:id:yukibnb:20190804182143p:plain

 
文字だけだとわかりにくいですが、駅番号と図を活用するとすっきりしてわかりやすくなります。
f:id:yukibnb:20191226120601p:plain

 
ここまでは上記リンク先の記事で紹介しました。

今回は実際にPowerPoint (パワーポイント) を使い、わかりやすくておしゃれな経路図を作る方法を紹介します。

パワーポイントを使い慣れていない方にもわかりやすいように画像や動画をふんだんに使い、細かく場面を分けて紹介します。

 

はじめに: ポイント紹介!

今回はパワーポイントで経路図を作成する方法を紹介しますが、いくつかのポイントを押さえるとパワーポイント以外のソフト (Word, Pages, Keynote, Illustratorなど) でも同じように作成することができます。

ポイント1: 図形と配置

f:id:yukibnb:20191225234817p:plain

 
オフィス系のソフトやイラスト系のソフトには[図形]や[配置]を操作編集できる機能があります。パワーポイントだと図形描画というパネルです。

  • 図形: 四角、丸、三角、線などを描画できる機能
  • 配置: 図形などのオブジェクトをきれいに並べたり、前面・背面などの順序を調整できる機能

適切な図形を描き、きれいに並べるだけでぐっと見やすくなります。[図形]や[配置]機能を使うとそれが簡単にできます。

 

ポイント2: フォント

f:id:yukibnb:20191226124543j:plain

f:id:yukibnb:20191226121651j:plain

 
普段フォントを意識せずにチェックインガイドなどの書類を作成している場合、フォントを見直すだけでぐっと見やすくなります。

上記ふたつの図だと(1)が断然見やすいですよね。

フォントについて詳しく勉強したい!という方には以下ブログがわかりやすくておすすめです。
tsutawarudesign.com

tsutawarudesign.com

 

ポイント3: 配色

f:id:yukibnb:20191226122905p:plain

 
フォントと同じように配色もとても重要です。

例えばこの図のように駅名や路線図を目立たせたいがために赤文字を多用するとかえって見にくくなります。

またOsaka Metro 千日前線の路線色(ラインカラー)はピンクですが、この図のようにグリーンにすると同じOsaka Metroの中央線と誤認される恐れがあります。(中央線のラインカラーはグリーンです)

適切な色を使用すると、ぐっと見やすくなります。

配色について詳しく勉強したい!という方には以下ブログがわかりやすくておすすめです。
tsutawarudesign.com

 

パワポで作成しよう!方法を徹底解説

ではいよいよパワーポイントを使って作成する方法を紹介します!

まっさらな状態のパワーポイントからひとつひとつ細かく紹介しますのでご安心ください。

1. 駅 (丸の図形) を作成する

まず新しいパワーポイントを開きましょう!

画面上部の[図形]をクリックし、丸い図形をクリックして選択してください。
f:id:yukibnb:20191226003124p:plain

 
丸を描きます。Shiftを押しながらドラッグすると真円を描くことができます。
f:id:yukibnb:20191226003323g:plain

 
真円を描けたら、必要な駅の数だけ真円をコピー&ペーストして増やします。今回は4駅必要なので4つ作成しました。
f:id:yukibnb:20191226003847p:plain

 

2. アイコンを挿入する

次に飛行機と宿泊施設のアイコンを挿入します。

画面上部の[挿入]をクリックし、[アイコン]をクリックしてください。
f:id:yukibnb:20191226004216p:plain

 
無数にアイコンが出てきます。画面左上部の検索ボックスやカテゴリーからアイコンを絞り込むことができます。

飛行機は[車両]カテゴリーに、宿泊施設は[建物]カテゴリーにあります。
f:id:yukibnb:20191226004642p:plain

 
アイコンを選択し[挿入]をクリックすると、アイコンを挿入することができます。
f:id:yukibnb:20191226004551p:plain

 

3. オブジェクトの配置を整える

挿入したアイコンを真円の両側に配置してください。
f:id:yukibnb:20191226005718p:plain

 
次に真円とアイコンをすべて選択してください。以下のようにドラッグして一気に選択すると手っ取り早いです。
※真円などの図形やアイコン、後述する線やテキストボックスなどすべてまとめて[オブジェクト]と呼びます。
f:id:yukibnb:20191226010543g:plain

 
画面上部の[配置]をクリックし、さらに[配置]、[上下中央揃え]をクリックしてください。
f:id:yukibnb:20191226004955p:plain

 
するとこのように選択したすべてのオブジェクトを簡単に上下中央揃えに整えることができます。
f:id:yukibnb:20191226010834g:plain

 
次に各オブジェクトの横位置を調整します。乗り継ぎの駅間などの間隔を短めにすると見やすくなります。

オブジェクトを選択し、キーボードの で間隔を調整してください。
f:id:yukibnb:20191226011254g:plain

 

4. 路線や徒歩の線を作成する

駅や宿泊施設などのオブジェクトを設置できたので、次は各オブジェクトを繋ぐ路線や徒歩の線を作成します。

画面上部の[図形]をクリックし、斜めになっている線をクリックして選択してください。
f:id:yukibnb:20191226011659p:plain

 
必要な数だけ線を描きます。Shiftを押しながらドラッグすると一定の角度に固定して線を描くことができて便利です。
f:id:yukibnb:20191226011759g:plain

 
線を作成することができました。
f:id:yukibnb:20191226011932p:plain

 
そして先ほどと同じように線を含むすべてのオブジェクトを選択し、上下中央揃えに整えてください。
f:id:yukibnb:20191226012043g:plain

 
だいぶ形になってきましたね!

 

5. 駅 (真円) を装飾する

真円をすべて選択してください。

今までのようにドラッグすると他のアイコンや線も選択されるので、Shiftを押しながら真円をひとつひとつクリックしてください。
f:id:yukibnb:20191226012436g:plain

 
画面上部のバケツのようなアイコンをクリックし、好きな色を選択します。ここでは真円の内側を好きな色で塗りつぶすことができます。
f:id:yukibnb:20191226012909p:plain

 
次にバケツのようなアイコンのすぐ下のペンのようなアイコンをクリックし、好きな色を選択します。ここでは真円の外側の枠線(縁)の色を変更することができます。

今回は枠線は不要なので「枠線なし」を選択します。
f:id:yukibnb:20191226012856p:plain

 
真円(駅)の色が変わりました。
f:id:yukibnb:20191226013208p:plain

 

6. 路線や徒歩の線を装飾する。

線をすべて選択してください。Shiftを押しながら線をひとつひとつクリックしてください。
f:id:yukibnb:20191226013330p:plain

 
画面上部のペンのようなアイコンをクリックし、[太さ]の中にある[6pt]をクリックして選択してください。
f:id:yukibnb:20191226013515p:plain

 
線が太くなり視認性が向上しました。
f:id:yukibnb:20191226013537p:plain

 
次に線の色を変更します。

線をひとつ選択し、画面上部のペンのようなアイコンをクリックし、好きな色をクリックして選択してください。
※路線にラインカラーがある場合、ラインカラーと同じような色を選択することをおすすめします。
f:id:yukibnb:20191226013711p:plain

 
線の数だけ色変更を行い、以下のようになりました。
f:id:yukibnb:20191226013846p:plain

 

7. 線を背面に移動する

線が駅より前面に表示されてかっこわるいので、線を背面に移動しましょう。

Shiftを押しながら線をひとつひとつクリックし、すべての線を選択してください。

そして画面上部の[配置]をクリックし、[最背面へ移動]をクリックしてください。
f:id:yukibnb:20191226014144p:plain

 
線が駅の背面に表示され、一気にそれっぽくなりました。
f:id:yukibnb:20191226014253p:plain

 
補足ですが細かく見栄えを整えたい場合、以下のように調整できます。
f:id:yukibnb:20191226015102g:plain

 

8. 駅番号を記入する

真円をダブルクリックし、その中に駅番号を記入してください。
f:id:yukibnb:20191226025227g:plain

 
すべての真円に駅番号を記入したらフォントを変更し、フォントサイズを調整してください。

英語であればセリフ体ではなくサンセリフ体のフォントをおすすめします。日本語であれば明朝体ではなくゴシック体のフォントをおすすめします。

※セリフ体とサンセリフ体の違い、明朝体とゴシック体の違いは以下ブログを参照ください。
tsutawarudesign.com

 
調整が完了するとこのようになります。
f:id:yukibnb:20191226024556p:plain

 

9. 徒歩アイコンを挿入する

乗り換えや最寄駅からの徒歩移動をわかりやすくするために、歩いている人のアイコンを挿入しましょう。

画面上部の[挿入]をクリックし、[アイコン]をクリックしてください。
f:id:yukibnb:20191226004216p:plain

 
[人]カテゴリー内に歩いている人のアイコンがあります。
f:id:yukibnb:20191226015506p:plain

 
アイコンを挿入し、位置を整えてください。
f:id:yukibnb:20191226024740p:plain

 

10. 駅名や宿泊施設名を入力する

画面上部の[挿入]をクリックし、[テキストボックス]をクリックしてください。
f:id:yukibnb:20191226015714p:plain

 
テキストボックスに駅名や宿泊施設名を入力してください。
※ひとつのテキストボックスにひとつの駅名(もしくはひとつの宿泊施設名)を入力してください。

 
デフォルトではテキストボックスに入力した文章は左揃えになっているはずです。以下のように中央揃えにしてください。
f:id:yukibnb:20191226122324g:plain

 
必要な数だけテキストボックスを作成できたら、フォントや配置を調整してください。
※この場面でも英語はサンセリフ体、日本語はゴシック体のフォントをおすすめします。

調整が完了するとこのようになります。
f:id:yukibnb:20191226024900p:plain

 

11. 路線名を入力する

画面上部の[挿入]をクリックし、[テキストボックス]をクリックしてください。
f:id:yukibnb:20191226015714p:plain

 
先程と同じ方法で路線名を作成し、フォントや配置を調整してください。

調整が完了するとこのようになります。
f:id:yukibnb:20191226122728p:plain

 

完成!

f:id:yukibnb:20191226120648p:plain
 
おめでとうございます!無事完成しました!

パワーポイントの標準機能である図形やアイコンを使い、フォントや配色、配置に少し気を使うだけでわかりやすい経路図を作成することができました。

今回紹介したポイントさえ覚えていれば、みなさんご自身で自由にアレンジすることができます :)
f:id:yukibnb:20191226025727p:plain

 

おまけ: さらに便利な機能をご紹介

せっかく経路図が完成したので、さらに便利に活用しましょう!

1. グループ化して扱いやすくしよう

経路図を作成するにあたり多くのオブジェクトを作成しました。これらの複数のオブジェクトをグループ化することでより扱いやすくなります。

まずすべてのオブジェクトを選択してください。

そして画面上部の[配置]をクリックし、グループ化をクリックしてください。
f:id:yukibnb:20191226030018p:plain

 
するとこのように経路図全体をひとつのオブジェクトと見立てて扱うことができるようになります。
f:id:yukibnb:20191226123422g:plain

 
画面上部の[配置]をクリックし、[グループ解除]をクリックすればいつでもグループを解除することができます。

 

2. 画像データを保存し、他のソフトでも使おう

せっかく作成した路線図、パワーポイントの中だけで使うのはもったいないですよね。

なんと簡単に画像データにして保存することができます!

まず路線図全体をグループ化した状態で、グループを選択し右クリックしてください。

そして「図として保存」をクリックしてください。
f:id:yukibnb:20191226030226p:plain

 
ファイルの種類は「PNG.....形式」を選択することをおすすめします。PNGにすると背景が透過(透明)になるので使い勝手が良いです。
f:id:yukibnb:20191226022553p:plain

 
画像データとして保存できたので、パワーポイント以外でも自由に使うことができます。
f:id:yukibnb:20191226123735p:plain

 

まとめ

今回はパワーポイントを使用して民泊の経路図を作成する方法を紹介しました。

わかりやすい経路図はお客様にとってすごくありがたいのはもちろんですが、運営者の方にとってもレビューの評価アップや経路の問い合わせが減り業務負担改善にもつながります。

Illustratorのようなソフトでなくても、なじみのあるパワーポイントやワード、KeynoteやPagesなどのソフトでもポイントさえ押さえれば十分見栄えが良くわかりやすい経路図を作成することができます。

多くの方の参考になればうれしいです!

 
【2020/1/18追記】
民泊向けの地図作成サービスを開始しました。

わかりやすい地図を依頼したい!という方は以下ページにて詳細をご覧ください。

www.yukibnb.com