わかりやすいプレゼンスライドの作成手法

<BODY BGCOLOR="#ffffff" LINK="#ffffff" VLINK="#ffffff"> <P> <IMG SRC="../gif/sec4c2.gif" ALT="テクニカルライティングの応用" ALIGN=BOTTOM WIDTH=540 HEIGHT=26><BR> <IMG SRC="../gif/tw5-ttl.gif" ALT="テクニカルプレゼンテーション－わかりやすいプレゼンスライドの作成テクニック－" ALIGN=BOTTOM WIDTH=570 HEIGHT=150><BR> <HR><BR></P><H1><B>スライドデザインの考え方</B><BR></H1><P><HR><BR></P><H3><FONT COLOR="#800000">スライドデザインのポイント</FONT><BR></H3><UL> <DIV STYLE="line-height:1.5">ここでいうスライドデザインとは，「見出し」や「内容」が書き込まれていない状態のスライドの構成を指します．適切なスライドデザインを選ぶことは，プレゼンの聴き手にとってもまたプレゼンスライドを作成する側（プレゼンタ）にとっても重要です．<BR></DIV> <DIV STYLE="line-height:0.5"><BR></DIV> <UL> <LI TYPE=disc><DIV STYLE="line-height:1.5"><FONT COLOR="#000080">プレゼンの聴き手はある時間，プレゼンタが選んだスライドデザインに向き合わせられることになります．見づらいスライドデザインでは内容への関心もそがれてしまいます．</FONT><BR></DIV> </UL><DIV STYLE="line-height:0.5"><BR></DIV> <UL> <LI TYPE=disc><DIV STYLE="line-height:1.5"><FONT COLOR="#000080">一方，プレゼンタにとっても単に自身あるいは企業の個性を表現するためのデザインではなく，プレゼンの本来の目的である「伝いえたい結論（メッセージ）」に視線が向くデザインを選ばなくてはなりません．</FONT><BR></DIV> </UL><DIV STYLE="line-height:0.5"><BR></DIV> <DIV STYLE="line-height:1.5">スライドデザインのポイントには，第一に「<FONT COLOR="#008080"><B>構図</B></FONT>」があげられます．さらに，構図を構成する要素の「<FONT COLOR="#008080"><B>配置</B></FONT>」，さらには「<FONT COLOR="#008080"><B>背景</B></FONT>」，「<FONT COLOR="#008080"><B>配色</B></FONT>」があげられます．<BR></DIV> <DIV STYLE="line-height:0.5"><BR></DIV> </UL><P> <DIV ALIGN=CENTER><IMG SRC="tp-04-01.jpg" ALT="" ALIGN=BOTTOM WIDTH=480 HEIGHT=336 BORDER=1><BR></DIV> <DIV ALIGN=CENTER STYLE="margin-top:8px;margin-bottom:8px;"><FONT SIZE=2 COLOR="#008080">［出張開催形式セミナー「わかりやすいプレゼンスライドの作成手法」から抜粋］</FONT><BR></DIV> <HR><BR></P><H3><FONT COLOR="#800000">構図と配置の考え方の基本</FONT><BR></H3><UL> <DIV STYLE="line-height:1.5">プレゼンスライドに限らず画面に明解な「構図」があると，視線が落ち着き，同時に自然に視線が動き始めます．<BR></DIV> <DIV STYLE="line-height:0.5"><BR></DIV> <UL> <LI TYPE=disc><DIV STYLE="line-height:1.5"><FONT COLOR="#000080">絵画やポスターあるいは新聞の折込チラシのデザインにも「構図」があります．これらには，まず“最初に視線が向く対象”を設け，そこから“次に視線が向く対象”を設けることによって視線を誘導する手法がよく用いられています．</FONT><BR></DIV> </UL><DIV STYLE="line-height:0.5"><BR></DIV> <DIV STYLE="line-height:1.5">スライドデザインの構図の基本をあげると次のようになります．<BR> <BR></DIV> <UL> <LI TYPE=circle><DIV STYLE="line-height:1.5"><B>適切な位置に</B><FONT COLOR="#008080"><B>始点</B></FONT><B>を設定</B><BR></DIV> </UL><DIV STYLE="line-height:0.5"><BR></DIV> <UL> <LI TYPE=disc><DIV STYLE="line-height:1.5"><FONT COLOR="#000080">「始点」とは最初に目が行く場所です．プレゼンスライドに限らず多くの人はまず画面の全体を眺めた後，習慣的に左上を見ているはずです．プレゼンスライドの「始点」としては上から20mm，左から20mmが適当でしょう．</FONT><BR></DIV> </UL><DIV STYLE="line-height:1.5"><BR></DIV> <UL> <LI TYPE=circle><DIV STYLE="line-height:1.5"><B>プレゼンスライドの</B><FONT COLOR="#008080"><B>左上と右下に渡した対角線上</B></FONT><B>に要素（たとえば箇条書き）を配置</B><BR></DIV> </UL><DIV STYLE="line-height:0.5"><BR></DIV> <UL> <LI TYPE=disc><DIV STYLE="line-height:1.5"><FONT COLOR="#000080">対角線といっても正確に測る必要はありません．いわゆる“斜め読み”に相当する大まかな対角線を想像してください．</FONT><BR></DIV> </UL><DIV STYLE="line-height:0.5"><BR></DIV> <UL> <LI TYPE=disc><DIV STYLE="line-height:1.5"><FONT COLOR="#000080">箇条書きに対して図・表やグラフではいつも左上から見るとは限りません．それでも対角線はその中心を通るはずです．</FONT><BR></DIV> </UL><DIV STYLE="line-height:1.5"><BR> このように，人の“自然な視線の移動”を活用すれば，見出し（主題）から内容（結論など）に目を向けてらえることになります．この視線の移動を補強する（すなわち「構図」を構成する）のが，「<FONT COLOR="#008080"><B>仕切り線</B></FONT>」であり「<FONT COLOR="#008080"><B>色帯</B></FONT>」です．場合によっては始点の位置に「<FONT COLOR="#008080">ポイントデザイン</FONT>」を置く場合もあります．仕切り線や色帯は単に見栄えのためのデザイン要素ではありません．<BR></DIV> <DIV STYLE="line-height:0.5"><BR></DIV> <UL> <LI TYPE=disc><DIV STYLE="line-height:1.5"><FONT COLOR="#000080">プレゼンソフトに用意されているスライドデザインの中には，視線の移動を考慮した構図もあれば見栄え優先であまり考慮されていない構図もあります．技術分野のプレゼンでは見栄えだけではなく，機能面・実用面を考慮してスライドデザインを選ぶ必要があります．また，場合によっては用意されているスライドデザインに手を加える必要もあります．</FONT><BR></DIV> </UL></UL><P> <DIV ALIGN=CENTER><IMG SRC="tp-04-02.jpg" ALT="" ALIGN=BOTTOM WIDTH=480 HEIGHT=335 BORDER=1><BR></DIV> <DIV ALIGN=CENTER STYLE="margin-top:8px;margin-bottom:8px;"><FONT SIZE=2 COLOR="#008080">［出張開催形式セミナー「わかりやすいプレゼンスライドの作成手法」から抜粋］</FONT><BR></DIV></P><UL> <DIV STYLE="line-height:0.5"><BR></DIV> <DIV STYLE="line-height:1.5">より詳しい手法や背景，配色については別の機会に解説することとし，以降では「内容（箇条書き，図・表など）」について解説します．<BR></DIV> </UL><P> <HR><BR> <A HREF="t5-05f.htm" TARGET="_parent"><IMG SRC="../t1/nxt.gif" ALT="" ALIGN=BOTTOM></A> <B>次ページに進む</B><FONT COLOR="#008080"><B>（ボタンをクリックしてください）</B></FONT><BR> <HR><BR> <DIV ALIGN=CENTER><A HREF="../../index.htm" TARGET="_parent"><IMG SRC="../gif/modoru.gif" ALT="" ALIGN=BOTTOM WIDTH=180 HEIGHT=50></A><BR></DIV> <HR><BR> <B>テクニカルドキュメント・ビジネスドキュメントためのテクニカルライティングセミナー</B><BR> <B>わかりやすい技術文書・ビジネス文書の作成手法</B><BR> Copyright:Takaaki-YAMANOUCHI/1995-2003<BR> 山之内孝明／(有)山之内総合研究所<BR> Takaaki Yamanouchi/ Yamanouchi Research Institute,Ltd.<BR> <BR></P></BODY>