はてなブックマーク

いつもはプレゼン資料のデザインを扱う当サイトですが、今回は「構成」について。と言っても、資料の見た目と中身は実際のところ密接に結びついており、優れた構成なくして美しいプレゼン資料はあり得ません。そこで当記事では、多くのビジネスパーソンが避けては通れない「製品/サービスの紹介資料」を例に、筆者が普段意識しているポイント（構成要素）をお伝えします。 紹介資料の構成要素 今回取り上げる製品/サービス紹介資料の構成要素は全部で12個。原則は「BtoB（企業間取引）での利用」を前提としていますが、いろいろ使い回しは効くかと思います。ちなみに、すべての項目が常に必要というものではありませんし、かといってあらゆる状況に対応できるものでもありません。必要に応じて項目をカット、ときには別途補足資料を用意する必要もあるでしょう。紹介資料をつくる際のひとつの目安として利用いただければ幸いです。 社会情勢・顧客動

よくあるプレゼン資料 以下はよくあるプレゼン資料のサンプル。「テンプレート・デザイン」という架空のサービスを紹介しているのですが、どうでしょう。ぱっと見で内容、つかめそうですかね？細かい部分まで読み込む必要はありません。全体の流れをばくっと把握できるかが、チェックのポイントです！ 筆者の期待としては「ちょっとわかりにくい」ぐらいを狙っています。というのもこのプレゼン資料、表紙と最終ページを除いてすべて1種類の背景（「上部のタイトルと、その下方にラインを挟んでコンテンツ領域、フッタ」という構成のスライドマスター）を使っており、その上スライドに配置されている要素もさほど絵変わりしないものばかり。なので内容を把握するには少し読み込まないとならない、要はとっつきにくい資料なのです。 今回はこの資料をサンプルに「レイアウト（主には背景）の工夫でスライドの意味を伝わりやすくしたり、トピックの切り替わり

当サイトを普段ご覧いただいている方には少し珍しい名前かもしれません。プログラムのソースコード共有サイトとして有名な「GitHub（ギットハブ）」が、先日同サイトのアイコンフォント「Octicons」を一般公開しました。 収録されているフォントは全部で177種類。開発に関するアイコンが中心ですが、デザインはシンプルで洗練されており、プレゼン資料にも十分役立つ内容となっています。 GitHub Octicons ともすれば、文字でスライドを埋め尽くしがちなプレゼン資料。こうした良質なアイコンはアイキャッチとして非常に重宝します。しかも、当アイコンは「フォント」であるため、拡大しても綺麗なかたちを保つことができ、その上自由に色を変更することも可能です。 同時にフォントゆえの手間もあるのですが、、それをおしても、このアイコンフォントは使いこなすだけの価値があるといって良いでしょう。 PowerPo

プレゼン資料のデザインで、たびたびトピックにあがるものといえば「フォント」。当サイトでも過去に取り上げている内容ですが、今回は少し切り口を変え「フォントサイズ」についてご紹介します。というのも世間ではこの点、結構あいまいに扱われているような気がするんですよね。。 最適なフォントサイズは 「資料の利用シーン」によって変わる ときどきネットで「プレゼン資料のフォントサイズは○○pt以上がお勧め」といった記事をみかけるのですが、もうちょっと補足しても良いんじゃないかな？というのが筆者の意見です。なぜならプレゼン資料に適したフォントサイズは「その資料が、どういう条件で利用されるか」によって変わるから。 恐らく多くの指南書・ノウハウ記事がイメージしているのは「講演資料」です。しかし、プレゼン資料の利用シーンは講演以外にもいろいろあるわけで。そこで当記事では、社会人ならきっと誰もが接する「企画書」や「

パワーポイントのデザインテンプレートを無料公開しています。「プレゼンデザイン」ウェブサイト運営での気づきや、いただいたコメントをフィードバックし、日々ブラッシュアップを継続中。提案書／企画書作成、研究発表などに。

情報を記載する順番はもちろん、色やフォントサイズも使って、新しい電話番号を目立たせています。これなら間違い電話がかかってくることは、ほとんど無くなるはずです。 プレゼン資料を作成する際には、本当に重要な情報が何なのか、相手の身になって見極めることが大切です。伝わらない理由が自分自身にあるようなことは、ぜひぜひ避けたいですよね！ 記号を組み合わせる 続いてこちらのスライドは、twitterの設定を表にしたものです。もちろんこの状態でも十分通用する内容ですが、少し気になるところがあります。どこかわかりますか？ 一般的なスライド それは「ON/OFF」という設定の値です。ONとOFFはまったく逆の意味を持つ単語であるにもかかわらず、その見た目はかなり似通っていると言えます。どちらも”O”ではじまり、文字数もほとんど一緒。少ない数ならまだしも、これが大量に並んだ場合、間違い探しになってしまうことは

プレゼン資料といえば、やはりビジュアル！テキストだけではそっけない紙面も、図解やイラスト、商品写真を組み込めば、見映えに断然差がつきますし、何よりコンテンツを直感的に伝えられます。しかし、そんな画像も扱い方次第で訴求力に差がつくことをご存知でしょうか？プレゼン資料で画像を効果的に見せるコツを紹介します。 画像を整える プレゼン資料で画像を扱う際、拡大・縮小など、画像のサイズを調整した経験は誰しもあると思います。ところがこの調整、意外にも誤って行われているケースが少なくないのです。まずは画像の整え方について、今一度おさらいしてみましょう！ 画像調整の基本は「縮小」と「トリミング」 画像サイズの調整は、原則「縮小」と「トリミング」を使って行います。 まず縮小について。これは画像全体の縦・横幅を元のサイズより小さく変更することをいい、やり方は画像の端をつかんで（クリックして）ドラッグするだけ。そ

はじめに 当記事では、グラフ・プレゼン資料の作成に、MS社の「Excel」と「PowerPoint」の使用を前提としている部分があります。他のツールにも流用可能な記載を意識していますが、あらかじめご了承ください。 テーマカラーを合わせる たかが色、されど色。色はデザインの中でも、見る人に強い印象を与える要素です。これまで当サイトでは、プレゼン資料にテーマカラーを決め、ルールに沿った色使いをすることをお勧めしています。そしてこれは、資料に埋め込むグラフについても同様です。しかし、エクセルで作ったばかりのグラフは、以下のように独特な色合いをしており、スライドに自然になじんでいるとはいえません。 テーマカラーが守られていないスライド 違和感の原因は、テーマカラー（特にメインカラーとベースカラー）の違いです。スライドそのものは「メイン：青、ベース：白」であるのに対し、グラフの部分は「メイン：紫、ベ

プレゼン資料の読みやすさは、デザイン・レイアウトの見せ方で変わります。PowerPoint Designでは、文章を読みやすくする方法として「書体・行間・見出し」を以前紹介していますが、当記事はその続編です。今回は「文字揃え・行長・ジャンプ率」。ちょっとした気配りが、プレゼン資料の出来映えに差をつけます。 文字揃え 文字揃えとは、文字組み（タイポグラフィ）の一種で「文章の各行の揃え方」をさします。代表的なところでは、「両端（左右揃え）」や「左揃え」、 「中央揃え」など。文章の性質や、狙いたい視覚効果によって使い分けるのが基本です。それでは、ひとつひとつみてみましょう。 文字揃えの基本、「両端揃え」 要素が整然と揃っているのは見た目に美しいもの。それは文字も一緒です。文章を記載するときの文字揃えは、「両端揃え」を基本としましょう。新聞や教科書、雑誌など、およそ文章が記載されているもののほとん

裁ち落とし 裁ち落としとは、画像を紙面の隅まで隙間無く配置し、外にまで広がりを感じさせるレイアウトのテクニックです。 上記は、スマートフォン版facebookアプリのアイコンサイズを説明しているスライドですが、裁ち落としを使うことで要点（ここではアイコンのサイズ）を強調しながら、かつ途切れたスクリーンショットの下部をキレイに処理しています。ここでは、本スライドの作成手順を追うかたちで、各要素の配置の根拠や裁ち落としの持つ効果について紹介したいと思います。 「裁ち落とし」スライド作成手順 では、さっそく。まずはスマホで撮ったスクリーンショット（iPhone4, 640 x 960px）をスライドにペーストします。諸事情により少し内容に手を加えていますが、気にせず進めてゆきます。 さて、スライドにスクリーンショット全体を収めてしまうと、肝心のアイコンがとても小さくなってしまい、目立ちませんね。

海外のデザイナーさんが運営しているフリーのアイコン配布サイト「ENDLESS ICONS」をご紹介します。カジュアル過ぎず、でもちょっと遊び心も効いている温度感が絶妙。シンプルなデザインなので、いろいろなプレゼン資料に違和感無く組み込めそうです。 現在登録されているアイコン数は170個ほどで、これからも増えていく様子。画像フォーマットは「PNG」で配布されているので、IllustratorやPhotoshopなどの専門のツールも必要ありません。無料で使用でき、商用利用も可とのことですので、ぜひ利用されてみてはいかがでしょうか？ 利用にあたってのTips せっかくなので、プレゼン資料に組み込む際に知っておくと役に立つTipsを併せて紹介します。 ダウンロードしたらトリミングして使う 実際にダウンロードしてみるとわかりますが、アイコンに対して外壁の透明部分のサイズが大きいです。利用する際には、

プレゼン資料をキレイにわかりやすく作りたい！と思い立った人に、まずお勧めしたいのがこのサイト「伝わるデザイン｜研究発表のユニバーサルデザイン」です。基本的には研究発表を行う学生さんをターゲットとしているサイトですが、ビジネスマンにも読み応えは十分。提案書・企画書のプレゼン資料作成にそのまま利用できる内容となっています。 魅力は、わかりやすいサンプルと豊富な解説。デザイン初心者にうってつけのサイトです。ページはすっきりとしていて非常に見やすく・読みやすくレイアウトされています。 サイト全体の情報量も多からず少なからず、ほどよく網羅されていて、ひととおり目を通し終わった頃には、一歩レベルアップしている自分に気づくこと間違いありません。百聞は一見に如かず。まずはご覧になってみてはいかがでしょうか?

淡々と文字だけが続くプレゼン資料にうんざりした経験はありませんか？プレゼン資料は視覚にうったえてこそのもの。とはいえ、うったえ方にもやはりコツがあるのは事実です。決して高度な技術は必要ありません。ほんの少しのテクニックをおさえるだけでも、プレゼン資料の表現力はぐっと変わってきます。 文字組み 「文字組み」とは、字間やサイズを調整して、テキストが美しく、読みやすくなるように整えることを言います。普段なかなか意識しませんが、新聞・雑誌のタイトルや見出し、商品パッケージ裏の注意書きなど、あらゆるものに文字組みが施されており、人目を引いたり、内容を伝わりやくするうえで役立っています。プレゼン資料にもほどよく文字組みを取り入れることで、よりきめ細やかな表現ができるようになります。 記号や単位は小さな文字サイズにする 記号や単位は、数字部分に対して小さなフォントサイズを使用するとバランスが良くなります

ページ設定 スライドのサイズ指定は「A4 210x297mm」。 幅は「27.51cm」、高さは「19.05cm」を設定する。 スライドのサイズを合わせると、資料の共有が簡単に 他の資料からスライドをコピーしたとき、図形や文字のサイズが変わってしまった経験はありませんか？これは、コピーを行った資料のあいだでスライドサイズが異なるために発生します。微妙にずれた要素を整えるのは、非常に手間のかかるものです。これを回避する方法は、資料のスライドサイズを合わせること。資料の共有の第一歩はスライドサイズ、といっても過言ではありません。 サイズ「A4」を指定しておけば、様々な環境で使いまわしが可能 スライドのサイズ指定のデフォルト値は、「画面に合わせる」です。これでは、ディスプレイサイズの異なる環境では、スライドのサイズが一致しないことになってしまいます。現在もっとも普及している用紙サイズである「A4

「提案書をキレイに書きたいが、うまくまとまらない」、「せっかくテンプレートを買ったのに、使いこなせずにいる。。」それはひょっとしたら『レイアウト』の知識が不足しているのかもしれません。レイアウトの基礎をおさえるだけで、プレゼン資料のビジュアル・伝わりやすさは、ぐっと変わります。この記事では、グラフィックデザインやDTPにおけるレイアウトのテクニックを、プレゼン資料に役立つものに絞り、「整列・余白・分割・反復」の4つの観点から紹介します。 整列（揃える） 整列とは、スライドを整理するテクニックです。「タイトル」や「見出し」、「画像」といった要素を互いに揃えることで、ビジュアルと情報の両方を整理します。整列がゆきとどいた資料は、見た目にカッコ良いだけでなく、論理的にも整えられ、読み手にすっと理解してもらうことができます。 揃えるポイントは「端」と「中心」 うまく揃えるポイントは、要素の「端」と

数字には見せ方があります。価格や実績、顧客数など、プレゼン資料では様々な種類の数字を扱います。数字は信頼性の高い根拠として頻繁に利用されるものですが、見せ方によって印象に差が出ることも事実です。数字を上手に見せるコツを紹介します。 目次 1.記号を使う 2.カンマで区切る 3.読み手に合わせた単位を使う 4.単位を合わせる 5.余白をとる 6.右揃えにする 7.ヘッダの色を変える 8.奇数/偶数行の色を変える 9.ピックアップする 10.ジャンプ率を効かせる 1. 記号を使う 既に社会的に認知された記号があるなら、積極的に使いましょう。例えば、日本円を表すなら「￥」、ドルなら「$」です。ほんのわずかな差かもしれませんが、人は文字より記号をすばやく認識します。タッチの差が勝敗をわけることも無いとは言い切れません。 2.カンマで区切る 数字を見やすく・分かりやすくする便利な記号があります。三桁

この記事は2012年04月22日時点の情報に基づいて書かれています。情報が一部古くなっている場合があるためご注意ください。 色は文章ほどにものを言います。プレゼン資料の情報とは、文字と図版を中心にその他様々な要素から成り立っています。中でも重要な要素のひとつが「色」です。色が持つ特性を理解し、戦略的に使用することで、プレゼン資料の内容をより伝わりやすくできます。 「色」とは 私たちは日常的に色に接していながら、色そのものについてあまり知らないものです。ここでは「3原色」と「色相」・「明度」・「彩度」について紹介します。色に関するいくつかの定義や基本的な性質について知っておくことは、色をうまくコントロールしていくうえでとても役に立ちます。 3原色 私たち「人」が感じ取ることのできる色は、3つの色によって表すことができます。光なら「赤（Red）・緑（Green）・青（Blue）」、色材（絵の具

シンプルな「表紙」 表紙はシンプルに。具体的には≪タイトル≫と≪CI（コーポレートアイデンティティ。ロゴマーク、提供者名）≫を記載しましょう。原則、これだけあれば十分です。顧客名や作成日は、そのときどきに応じて。 提案書や企画書で大切なのは、何よりも中身。といっても実際には諸処の事情が関係することはもちろんですが、やはり表紙のイラスト・写真選びに時間を費やすよりも、コンテンツを練り込むことに注力したいものです。 章立ての切り替わりを印象づける「目次」 目次は、資料の内容を一覧化して全容を示すほかにも、大切な役割があります。それは≪読み手を安心させる効果≫と≪トピックを切り替える機能≫です。 前者は、普通に目次を書きさえすれば、その恩恵を得ることができます。人は、先の分からない道を進み続けることに不安を感じる生き物です。つまり、冒頭部で資料の全容を知らせることにより、読み手に安心して資料を読

この記事は2012年03月17日時点の情報に基づいて書かれています。情報が一部古くなっている場合があるためご注意ください。 文章の読みやすさは、デザイン・レイアウトの見せ方で変わります。例えば「書体」・「行間」・「見出し」、それぞれのバランスの取り方で、文章は読みやすくも読みにくくもなります。ここでは上記３つの観点から、文章を読みやすく記載する方法について紹介します。 書体を選ぶ 文章の読みやすさを考える上で、書体は重要な検討の要素です。目的に応じた書体を利用することで、伝えたい内容をより正確に・より自然に伝えることができるようになります。 プレゼン資料では「ゴシック体」を使う 日本語の代表的な書体といえば「ゴシック体」と「明朝体」です。ゴシック体は、縦と横のラインの幅がほぼ等しく、明朝体は縦のラインに対して横のラインが 細いのが特徴。一般的にゴシック体は可視性の高い書体（瞬時に認識しやす

コンピュータ（PCサーバー）関連のアイコンをご紹介します。IT関係の方なら、プレゼン資料に組み合わせて貼付けるだけで、システム構成図として利用いただけます。 IT業界では日常的にネットワーク構成図を作成します。そんなとき毎回苦労するのがアイコン。様々な既存のアイコンはあるものの、実は「コレ」というのをみつけるのは手間だったりします。そんな中、とあるきっかけで作成したのが本アイコンです。サーバーやファイヤーウォール、ロードバランサーなど、Web系システム機材を網羅しました。すべて個別の画像・背景透過処理しているので、組み合わせて提案書に貼り付けるなど、活用いただけたら嬉しいです。