-はじめてのプレゼンテーションデザインプレゼンテーションデザイン講座menu2016.04.18表現力アップただ目立つだけじゃない!プレゼン資料のコンテンツ整理がはかどる「装飾付き見出し」の作り方ツイート雑誌やウェブサイトで、しばしば目にする「装飾付きの見出し」。ユーザーの視線を引きつけるアクセントとして、プレゼン資料でもぜひ活用したいところですが、これを実現するのは意外にも難易度が高いことをご存知でしょうか?パワーポイントで手軽に利用でき、そのうえコンテンツ整理の作業効率までも高める、見出し装飾のコツを紹介します。最後にダウンロード1.「装飾付き見出し」とはまずは当記事でいう「装飾付き見出し」について認識を合わせておきましょう。いっても、あまり凝ったものは扱いません。雑誌やウェブサイトでみかけるような「ライン」をベースとしたものを取り上げたいと思います。シンプルな装飾ですが、見出しをそれらしく見せてユーザーの注目を促したり、見出しと本文の関係性を暗示してくれるなど、見出し装飾としての効果は十分。プレゼン資料にうまく応用すれば、情報を伝わりやすくするうえで重要な役割を果たしてくれるでしょう。左側にラインを引き、見出しを強調しているサンプル本文左にラインを引き、見出しとの関連を示したサンプル2.実は扱いにくい、プレゼン資料での装飾付き見出しところがこの「装飾付き見出し」、プレゼンツールで扱ううえではいろいろと面倒ごとが多いのです。それを確かめるため、まずは実際に装飾付き見出しを作ってみましょう。順当に考えれば、「図形(オートシェイプ)」を組み合わせてつくるかたちが王道です。ここでは「四角形」と「テキストボックス」を選んでみます。「四角形」と「テキストボックス」でつくった装飾付き見出しさて、見た目のうえでは同様の見出しを再現できました。資料を修正してみれば、それはおのずと明らかになってきます。問題のひとつは要素の「位置合わせ」です。見出しの「装飾(四角形)」と「テキスト」がそれぞれ別要素でつくられているため、見出しを移動するときにはケアする対象が通常の2倍に増えてしまいます(とはいえこの段階なら、要素の「グループ化」で問題を回避することも、あるいは可能です)。要素の移動時に、テキストと装飾部分がずれてしまうしかしグループ化は、はやくも次の問題に対応しきれません。それは要素の「変形」です。見出しのテキストを折り返して表示したときにテキストボックスの縦幅が変わりますが、別要素である装飾部分(オートシェイプ)は自動的に形を揃えてはくれません。テキストを折り返した際、装飾部のラインの長さが足りなくなるこれを解決するには、装飾部分を都度手で縦方向に伸ばす必要があり、頻繁に修正の発生するプレゼン資料では、実用に耐えられるかというと微妙なところです。個人の資料作成ならまだしも、チーム内でのルール化は、さすがに厳しいと言わざるを得ないでしょう。3.「表」のアレンジで、装飾付き見出しは扱いやすくなるしかし、この装飾付き見出しをプレゼンツール(PowerPoint)でうまく実現する方法があります。以下は実際に見出しに表を利用しているサンプルです。作り方ですが、テキストは「上下中央」で配置、表の左側に6ptの罫線をひき、上下と右の罫線を「罫線なし」としています。ライン(罫線)とテキストの開始位置に余白をつくるため、「内部の余白」の「左側:0.5cm」を設定しているかたちです。「表」をアレンジして作成した装飾付き見出し「表」を使った見出しの設定サンプルぱっと見は先ほどの「図形+テキスト」となんら変わりありませんが、修正を行ってみればその違いは歴然です。ひとつの要素なので移動が簡単こちらは見出しをひとまとまりの要素として作成しているため、移動の際に装飾部とテキストが分かれてしまうことはありません。改行しても自動で罫線の長さをあわせることができるそしてさらに、テキスト部が変形した際の動きがポイントです。装飾部は表の罫線を利用して作られているため、テキストの縦幅が変わった際には装飾部も併せて長さが調整されます。これなら頻繁に修正の発生するプレゼン資料でも、装飾付き見出しを扱う手間を最小限にとどめることができます。それでは続いて「見出し」と「本文」のセットをつくってみましょう。作り方は、先ほどの表を2行に増やして下段に本文用のセルを追加します。表で「見出し」と「本文」のセットをつくったサンプル本文用のセルには見出しとの余白をつくるため「内部の余白」の「上側に0.2cm」を設定しています(ここはフォントサイズや表の大きさによって適宜調節してください)。見出しと本文の欄をつくった際の表の設定いかがでしょう、見え方がぐっと本格的になってきたとは思いませんか?若干変則的ではありますが、表は使い方次第で「カスタマイズ可能な入力枠」として利用することができます。4.装飾付き見出しのバリエーションさて、この装飾付き見出しですが、単に見出しを目立たせるだけではなく、工夫次第でいろいろな使い方ができます。ここではいくつかの例を紹介します。ナンバリングプレゼン資料では複数の例を示したり、フローを順番に追うとっいた表現がよく利用されますが、そんなとき「表」をアレンジすると、数字とテキストをセットでうまく扱うことができます。ナンバリングのサンプル見出しにただ数字を添えるよりも、ラインを使って特徴的なポイントをつくったほうが、閲覧者の視線を誘導する効果を一段と高めることができるでしょう。タイムテーブルプレゼン開始前のオリエンテーションなど、当日のタイムテーブルをスライドで示すような場合にも、装飾付き見出しのテクニックが役に立ちます。タイムテーブルのサンプル「時刻」と「タイトル+説明文」の間に縦の罫線を引くことで、時刻とイベント内容の関連付けを行なっているかたちです。罫線には太目のラインを利用し、かつテーマカラーを設定すれば、ほどよいアイキャッチとしての役割も同時に果たしてくれます。タイトル・補足説明付きの表やや見た目のうえでは伝わりにくいのですが、いわゆる「普通の表」を少し拡張し、使いやすくするという方法もあります。表は往々にして「タイトル」と「補足説明」がつきものですが、それらを別要素ではなく、表の一部に組み込んでしまうというやり方です。タイトル・補足説明付きの表のサンプル表とこれに付随する要素をすべてセットで扱えるため、移動やコピー&ペーストにかかるわずらわしさを軽減することができます。原則必要になるであろう項目をあらかじめ組み込んでおくことで抜け漏れチェックにも利用でき、情報整理の品質を上げる効果も期待できるでしょう。その他、グラフの補足説明や体制図にもあまり知られていないかもしれませんが、表は線の吸着も可能で、この機能を使って「引き出し線」を作成し、グラフの補足説明や体制図の要素としても装飾付き見出しを利用することができます。グラフの補足説明や体制図のサンプルいかがでしょうか?見た目ばかりでなく、機能的にも有用な装飾付き見出し。いろいろな用途にチャレンジして、あなたなりの活用方法を見つけてみてください。非常に便利なこの装飾付き見出しですが、決して万能というわけでもありません。「表」を若干変則的に利用しているがゆえの制限事項というものも存在します。ここでは主な制限事項をふたつお伝えします。スマートガイドが利用できないパワーポイントでは、要素の位置合わせに「スマートガイド(要素同士の端や中心をナビゲートしてくれる補助線)」を利用できますが、この機能は表については利用することができません(あくまで「図形」に有効)。従って表の位置合わせは目分量、もしくは「ガイド(”グリッドとガイド”のガイド機能。スマートガイドは効きませんが、普通のガイドには吸着できます)を頼りに進めていくのが基本になります。グレースケール設定が利用できないもう1点、表に対しては「グレースケールの手動設定」も使用できないことを押さえておきましょう。表がモノクロ印刷された場合、表のテキストや罫線は『常に黒色』で印刷されます。従って「表の背景に色つきの要素を配置し、文字や線を白抜きで描写すること」は避けた方が賢明です(カラー印刷を利用すれば、その限りではないのですが...)。“最後に「表」の正規の使い方からはやや外れた「装飾付き見出し」ですが、実際に利用してみれば、その意外な便利さに驚くはずです。アイキャッチとしての効果はもちろん、様々な種類の情報を整理してみせる機能もあり、プレゼン資料の伝わりやすさを向上するうえで、きっと役立ってくれることでしょう。サンプルを入手して、試してみることをお勧めしますよ!ダウンロード当記事で紹介したサンプルスライドは、こちらからダウンロードいただけます。個人・商用問わず、無料でご利用いただけます。tutorial-cool-headings-with-pseudo-elements.pptxこの記事をシェアするツイート書籍版もあわせてどうぞ。当サイトがふたたび本になりました。今回はリアリティにこだわったサンプルスライドを多数収録。そのまま実際の仕事に転用してプレゼン資料を改善したり、一方じっくりと解説を読み込み、デザインノウハウを学ぶ使い方も。「プレゼン資料のデザインに自信が持てない...」「普通のプレゼン資料じゃなくて、もっと伝わる資料が作りたい」というビジネスパーソンにオススメの1冊です。●発行:SBクリエイティブ特設ページへAmazonで購入Facebookで更新情報を配信しています。human:デザイン・テンプレートのダウンロードはこちら。プレゼン資料の「品質」と「生産性」を向上させるなら。パワーポイント向けデザイン・テンプレート、無料公開中。コメントとトラックバックコメントをどうぞ返信をキャンセルする。メールアドレスは公開されません。ウェブサイトの入力は任意です。個人情報のお取り扱いについて」をご覧ください。時にその必要性が疑問視されることもあるプレゼン資料の”デザイン(装飾)”ですが、大切なのは「使い方」。上手に使えば、資料に良質なアクセントを加えたり、コンテンツをさらに分かりやすくする効果も。アップ19プレゼン資料を作るなら押さえておきたい、パワポの用途別お勧めスライドサイズ×3種プレゼン資料作りで意外にあなどれないのが「スライドサイズ」です。PCのモニターはもちろん印刷用紙やプロジェクター、さらにはタブレット端末など、さまざまなスクリーンが存在する一方で、私たちは一体どんなスライドサイズを選択していけば良いのでしょうか?PowerPointで資料作りをするならぜひ押さえておきたい、用途別お勧めのスライドサイズ×3種を紹介します。表現力アップ27プレゼン資料でスケジュールを効果的に扱う3つの方法プレゼン資料で扱うトピックといえば、やはり「スケジュール」が欠かせません。自分のタスクをチェックするのはもちろん、プロジェクトメンバーの役割や仕事の進捗確認など、スケジュール無くしてビジネスは進まないといっても過言ではないでしょう。プレゼン資料でスケジュールを効果的に表す手法を3つ紹介します。誰かのプレゼンを聴いていて、話の流れを見失った経験は誰しもあるはず。資料の目次がまずいのか、スライドのタイトルがわかりにくいのか、それとも自分の集中力!?ひょっとしたらその原因は、資料の「展開」にあるかもしれません。今回は意外に見過ごされがちな、プレゼン資料のストーリー展開(をフォローするデザイン)に関するTipsを紹介します。フォント表現力アップ139プレゼンを伝わりやすくする、おすすめフォントと基礎知識プレゼン資料向けのフォントとして「メイリオ」を推している当サイトですが、同フォントは広い守備範囲を持つものの、そのほかのフォントを組み合わせればより細かなニュアンスを表現できることも事実です。そこで当記事ではメイリオを含めたプレゼン資料と相性の良いフォント×10点と、それらを使いこなすのに役立つ基礎知識を紹介します。淡々と文字だけが続くプレゼン資料にうんざりした経験はありませんか?プレゼン資料は視覚にうったえてこそのもの。いえ、うったえ方にもやはりコツがあるのは事実です。高度な技術は必要ありません。ほんの少しのテクニックをおさえるだけでも、プレゼン資料の表現力はぐっと変わってきます。直感に訴えるプレゼン資料を作るのに、必ずしも高度なデザインスキルは必要ありません。したコツをつかんでしまえば、わずかな見せ方の工夫で、情報の伝わりやすさに大きな違いを生み出すことができます。今回はそんなプレゼンスライドをビフォー/アフターの形式で5つ、紹介したいと思います。サイトがふたたび本になりました。今回はリアリティにこだわったサンプルスライドを多数収録。そのまま実際の仕事に転用してプレゼン資料を改善したり、一方じっくりと解説を読み込み、デザインノウハウを学ぶ使い方も。「プレゼン資料のデザインに自信が持てない...」「普通のプレゼン資料じゃなくて、もっと伝わる資料が作りたい」というビジネスパーソンにオススメの1冊です。見やすく・扱いやすい、「直し」に強いプレゼン資料のデザインテクニック5つまとめ【テンプレート付き】講演資料からチラシまで。人気の記事プレゼン資料の表現力が増す!ビジネス用途に使いやすいフリーアイコン(×331個)の..2061プレゼン資料のデザイン力がぐっと上がる、お勧めのデザインサイト7選917見せ方で差がつく!直感的に伝わるプレゼンスライドの作り方754「1枚」で、パワーポイントの品質と生産性を向上させるデザイン・テンプレート724顧客を惹きつける!パワーポイントの表現力を増す3つの方法379プレゼン資料で色を効果的に使う方法283パワーポイントの「わかりやすさ」と「生産性」を向上させるデザイン・テンプレート221プレゼンを伝わりやすくする、おすすめフォントと基礎知識139プレゼン資料をもっと読みやすくする3つの方法128企画書・提案書を書くならおさえておきたい!プレゼン資料お勧めの「フォントサイズ」110コンテンツ制作者について当サイトの記事を執筆している宮城です。「デザイン・レイアウトで伝わる!プレゼン資料」では、デザイン・レイアウトの視点から、プレゼン資料の「伝わりやすさ」と「生産性」を向上するTipsを紹介しています。お役に立てれば幸いです。Designトップへ。