美しいスライドデザインのためにガイドを利用する:複数ガイドの描き方も
パワーポイントなどでプレゼンテーション用のスライドを作る際にデザインの参考になる記事をご紹介します。
以下の記事では、ガイド用のラインを引いて、それに合わせて要素を配置するということが書かれています。実際にガイドに合わせて作られている美しいデザインも紹介されていますので、なかなか説得力もあります。
» 美しいスライドデザインのためのグリッドシステム。|パワポ部
このガイドラインは、次の3つの要素から構成されています。
①外枠(赤色)
②中心線(青色)
③三分割線(緑色)①の外枠は、文字や図版が画面の端ぎりぎりに配置されるのを防ぐためのガイドラインです。一部の人たちはこの外枠ガイドラインを「おまじないガイドライン」と呼んでいます。このガイドラインがあると、なぜか美しいスライドデザインになるからです。
②の中心線は、上下左右を対とした「二分割」の見せ方をしたいときの基準線となります。二分割、と言っても、シンメトリー(左右対称)にする必要はありません。二分割でも十分、デザインの均衡を崩してインパクトを与えることができます。
③の三分割線は、スライドデザインに「動き」をもたらすための枠組みです。線分およびその交点、9つのボックスなど、それぞれをデザインの基準として設定できます。ポイントは「どのエリアに余白をとるか?」を考えること。メッセージに視点を導くために、「余白」をデザインの一要素として活用しましょう。
実際のところ、ここで引いたガイドに合わせて要素を配置しただけで美しいスライドになるとは限りませんし、最も重要なのはデザインではなく「何が書いて(描いて)あるか」です。とはいえ、僕のようなデザインに疎い人間には役立つ情報でした。知識として知っているのと知らずに適当にやっているのとでは将来的に差が出ますから。
ガイドラインの引き方
では、実際にガイドラインを引いてみましょう。
今回僕が使用した環境は Windows VISTA の Office 2007 PowerPoint ですが、他の環境でも同様にしてガイドを引けると思います。
ガイドを表示させて ③ 中心線 を描く
デフォルトではガイドが表示されていないはずですので、まずはこいつを表示させます。
スライドの何も配置されていないところを右クリックして「グリッドとガイド」をクリックします。
ダイアログボックスで「ガイドを表示」にチェックマークを付ければ OK です。縦と横の中心線が表示されたと思います。
この時点ですでに②の中心線(青色)は描かれています。
③ 三分割線(緑色) を描く
続いて③の三分割線(緑色)を描きましょう。別に①の外枠(赤色)から描いてもかまいません。僕の環境で「グリッドの間隔」が4.05cmになっていたのでこちらを先にしたというだけです。
まず、右クリック → 「グリッドとガイド」 → 「グリッドの設定」で間隔が「4.05cm」になっているのを確認します。確認が済んだらダイアログを閉じて、実際にガイドを描いていきます。
基本的なガイドの描き方は、「すでに表示されているガイドを Ctrl キーを押しながらドラッグで複製する」です。
Ctrl キーを押しながら、縦に表示されているガイドを右にドラッグしてみましょう。
中心から右に4.05cmのところにガイドが引かれたでしょうか。同様の操作で左側にも引きます。
続いて、中心から上下に3.00cmの線も引きましょう。さきほどは縦線を左右にドラッグしましたが、今度は横線を上下にドラッグです。……と、その前に、右クリック → 「グリッドとガイド」 → 「グリッドの設定」で間隔を「3.00cm」に設定し直すのをお忘れなく!
ここまでで、以下のように縦3本、横3本のガイドが描かれていると思います。
① 外枠(赤色) を描く
では、①の外枠(赤色)も描き入れましょう。
さきほどグリッドの間隔を「3.00cm」にしたので、そのまま倍数である「9.00cm」、つまり中心から上下に9.00cm離れた横線を描きます。
「3.00cm」のところに描いた横線を Ctrl キーを押しながらドラッグで上下に複製します。中心から9.00cmのところで止めれば OK です。
横線が引けたら、右クリック → 「グリッドとガイド」 → 「グリッドの設定」で間隔を「12.20cm」に設定し直して縦線も描きましょう。……と思ったら、グリッドの間隔は最大で5センチ程度にしか設定できないようですね。仕方がないので、「12.20」を3で割った「3.05」に設定しましょう。
ここまででガイドの描き入れは完了しました。
ガイドを保存する
最後に、ガイドを保存します。
せっかく描いたガイドですが、PowerPoint を終了すると中心線だけになってしまいます。僕はうまい保存方法を見つけることができませんでした。仕方がないので、ガイドを描いたスライドをテンプレートにしてしまいます。他にいい方法をご存知の方がいらしたらご教示いただきたいです。
テンプレートとして保存するには、Office 2007 の場合、オフィスボタンをクリック → 「名前を付けて保存」 → 「その他の形式」と進みます。
保存形式としてテンプレートを選択し、適当な名前で保存します。
以上で完了です。美しいスライド作りに励みましょう!
よろしければ以下の関連(してそうな)記事もどうぞ!
- Word 2007で任意の文字列をすべて選択して一括で書式変更する方法
- 裁判員制度に備え、容疑者への偏見を抑えるよう新聞各社がガイドライン策定
- MS Wordをむりやりマークアップっぽく使う方法:異なる文字列の書式を一括で変更する
- Gmailで等幅フォント表示を実現するFirefoxアドオンStylishのスタイルがアップデート
- 新しいメッセンジャーで共有フォルダの代わりにファイルを共有する方法
- « 前の記事:違法ダウンロードは楽曲購入を促進する!? イギリスでの調査で
- » 次の記事:卵の寿命を延ばして長持ちさせる方法:尖ったほうを下にする
![[画像] 「グリッドとガイド」](http://www.kagitaku.com/diary/images/100103_ppt-guide-1.png)
![[画像] 「ガイドを表示」](http://www.kagitaku.com/diary/images/100103_ppt-guide-2.png)
![[画像] ガイドを描く](http://www.kagitaku.com/diary/images/100103_ppt-guide-3.png)
![[画像] 中心線+三分割線](http://www.kagitaku.com/diary/images/100103_ppt-guide-4.png)
![[画像] 中心線+三分割線+外枠](http://www.kagitaku.com/diary/images/100103_ppt-guide-5.png)
![[画像] 「その他の形式」で保存](http://www.kagitaku.com/diary/images/100103_ppt-guide-6.png)
![[画像] テンプレートとして保存](http://www.kagitaku.com/diary/images/100103_ppt-guide-7.png)
![[画像] 今日の気になる記事「きにきじ」QR Code](http://www.kagitaku.com/diary/images/qrcode.png)
![[画像] きにきじ Feed](http://www.kagitaku.com/diary/images/Newspaper_Feed_128x128_ie6.png)
![[画像] kagitaku.com ロゴ](http://www.kagitaku.com/common/images/logo.png)





![[画像] 最上部へ](http://www.kagitaku.com/common/images/pageNavi-toTop.png)
![[画像] 最下部へ](http://www.kagitaku.com/common/images/pageNavi-toBottom.png)
![[画像] 履歴を戻る](http://www.kagitaku.com/common/images/pageNavi-back.png)
![[画像] 履歴を進む](http://www.kagitaku.com/common/images/pageNavi-forward.png)
![[画像] Contact](http://www.kagitaku.com/common/images/pageNavi-contact.png)
![[画像] Sitemap](http://www.kagitaku.com/common/images/pageNavi-sitemap.png)