ベントグリッドはプレゼンテーションを驚くほど洗練された見た目にし、同時にSaaS製品ページにとても似た印象を与えることがあります。

その違いは重要です。製品ダッシュボードで美しく機能するモジュラーなカードが、戦略デッキをインターフェースのように見せることもあります。デザイナー、コンサルタント、マーケター、そして真剣にPowerPointやKeynoteのデッキを作成するすべての方にとって、本質的な課題はボックスを描く方法を学ぶことではなく、そのボックスが伝えようとする内容を決めることです。

このガイドはベントグリッドのプレゼンテーションデザインを構成システムとして捉え、単なる視覚的なトレンドではないと見ます：いつ使うべきか、どのように階層を作成しながらスライドのすべてをダッシュボードにしないか、そしてデッキが編集的で人間味のある感じを保つために十分なバリエーションを導入するか。

プレゼンテーションスライドにおけるベントグリッドの実際の役割

ベントグリッドを丸みを帯びた長方形の集合体と誤解する最も簡単な方法です。

有用な部分は丸みのある角ではなく、区画化です。ベントレイアウトは情報を個別に区切り、それらを一つの大きな構成内に保ちながら、それぞれに物理的な領域を与えます。大きな領域は中心的なメッセージを担うことができ、小さな領域は証拠、背景、数値、画像、図、または二次的な観察を提供できます。

そのため、スライド内に同じアイデアに属する複数の情報タイプが含まれている場合、このレイアウトは特に有用です。

例えば、経営戦略のスライドには以下が含まれることがあります：

  • 戦略的方向性を説明する大きな文言;
  • 機会の規模を示す小さな指標;
  • サポートするチャート;
  • 短いリスクノート;
  • 画像または製品の参照.

これらの5つの要素をすべて伝統的なテキストとチャートのレイアウトに詰め込むと、不自然な妥協が生じることがあります。モジュラーな構成は各要素に定義された役割を与えます。

しかし、プレゼンテーション用のベントグリッドとUIカードレイアウトの間には重要な違いがあります：プレゼンテーションは視聴者が情報を理解する順序を制御し続けなければなりません。

ダッシュボードは複数の独立したポイントが注目を集めることを許容できますが、ユーザーが検査する内容を選択するからです。プレゼンテーションにはプレゼンター—or ナラティブ—があり、より意図的な読み取りパスが必要です。

ベントスライドがアプリに似てくる理由

現代的な一般的なスライドを考えてみましょう：暗い背景、6つの丸みを帯びたカード、小さなアイコン、小さなラベル、各カードに一つの数字、微妙なグラデーション、そしておそらくデバイスのモックアップ。

個々のコンポーネントに問題は特にありません。問題は構成がインターフェースの論理を継承していることです。

インターフェースは相互作用とスキャンを中心に設計されています。プレゼンテーションスライドはコミュニケーションと進展を中心に設計されています。

この違いはいくつかの警告サインを生みます。

  • すべてのタイルが機能カードのように振る舞います。各モジュールにアイコン、見出し、2行のサポートテキストが含まれていると、スライドは価格ページに似てきます。
  • すべてのタイルが同じ視覚的重要性を持ちます。視聴者は情報の壁を見て、メッセージとその裏付けを理解できなくなります。
  • コンテンツが小さすぎます。UIレイアウトは近接した視察と相互作用を前提としています。プロジェクションされたプレゼンテーションではそうではありません。
  • 装飾的なUI言語が意味を置き換えます。ピル、ステータスラベル、マイクロアイコン、グラデーション、インターフェースコントロールはスライドを洗練されたように見せるかもしれませんが、説明的価値を加えません。
  • 同じカード構造がすべてのスライドに現れます。デッキは視覚的に一貫性があるように見えますが、物語的に平坦になります。

最後の問題は特に見落としやすいです。ベントシステムは完全に揃っていても、繰り返し同じ視覚コンテナにコンテンツを押し込めることで、単調なプレゼンテーションを生み出すことがあります。

言い換えれば、一貫性はデザインシステムに適用されるべきで、必ずしも各スライドのシルエットには適用されないべきです。

グリッドを描く前に階層を構築する

モジュラーレイアウトに対して、実際にテキストを除去して相対的な領域のみを見るという実用的なテストがあります。

最大のタイルが最も重要なアイデアを含んでいない場合、グリッドはすでに間違ったメッセージを送信しています。

ベントレイアウトは自然に領域を通じて階層を作成します。2×2モジュールは1×1モジュールよりも重要な感じがするように、誰もタイポグラフィを読む前にです。そのため、サイズはコミュニケーションツールであり、単なるレイアウト決定ではありません。

有用な構造は以下です：

  • 1つのアンカー：視聴者が覚えておくべきアイデア;
  • 2つまたは3つのサポートモジュール：証拠、説明、または結果;
  • オプションのユーティリティモジュール：指標、ソース、日付、または小さなコンテキスト詳細.

間違いは、情報のすべてに「重要な」カードを与えようとすることです。

もしすべてが昇格すれば、何も昇格しません。

ここがベントプレゼンテーションデザインが単にブレットポイントをカードに置き換えることに異なる点です。グリッドは議論をエンコードする必要があります。大きなモジュールは問題を設定し、2つの小さなモジュールは原因と証拠を説明することができます。幅広い下部モジュールは推奨される行動を示すことができます。

幾何学は論理の視覚的なバージョンになります。

不等なモジュールを使用するが、スライドをテトリスにしない

意図的な非対称性はベントレイアウトが機能する理由の一つです。しかし、非対称性が階層を作り出すのではなく視覚的なノイズを作り出す点があります。

有用な制約は、異なる形状を毎回新たに作るのではなく、少数の反復する比率を使用することです。

例えば、スライドは以下を使用することができます：

  • 1つの大きな2×2アンカー;
  • 2つの1×1サポートブロック;
  • 1つの水平2×1ブロック.

正確な寸法は関係性よりも重要ではありません。視聴者は構成をほぼ瞬時に理解できる必要があります。

また、実用的な生産上の利点もあります。グリッドが限られた比率のセットを使用する場合、デッキ全体でシステムを再利用でき、スライドがすべて同じように見えることなくなります。

これは、準備されたプレゼンテーションアセットが空のキャンバスよりも時間を節約できる場所の一つです。ImagineLayoutのUseful Squares PowerPoint チャートコレクションは、例えば、モジュラーな構成に適応できる正方形ベースの構造を提供します。

目標は、スライドをパズルにすることではなく、内容が変化しても基本的なデザインロジックが認識できるようになる、制御された形状の語彙を作ることです。

タイル内のコンテンツがデザインが編集的な感じになるかUIのようになるかを決定します

これはよく見落とされます。

同じグリッドを使用しても、モジュールに入れる内容を変えるだけで、完全に異なる感じにすることができます。

UI志向のバージョンには以下が含まれることがあります：

  • 「速い」;
  • 「セキュア」;
  • 「24/7」;
  • 「99.9%」;
  • アイコン;
  • 小さな製品スクリーンショット.

プレゼンテーション志向のバージョンは代わりに以下を含むことができます：

  • 挑発的な論点;
  • 実際のチャート;
  • 特定のキャプション付きの写真;
  • 短い引用;
  • 比較;
  • 関係を説明する図.

第二のバージョンは編集的なバリエーションが多くなります。モジュールはすべて製品のミニチュア機能のように振る舞うわけではありません。

これは特にビジネスプレゼンテーションに有用です。一つのタイルが視覚的、もう一つが分析的、もう一つがテキスト的、もう一つが構造的であることができます。それらの共通点はグリッド、タイポグラフィ、スペース、視覚言語にあります—各モジュールを同じカードテンプレートに強制することではなく。

データ中心のスライドでは、マトリックスは飾りのカードの集合よりもより誠実な場合があります。ImagineLayoutのCreative Matrix PowerPoint チャートテンプレートは、このような構造化された情報のための有用な参考例です。そのレイアウトはグリッドを内容を飾るためではなく、関係性を表現するために使用しています。

ベントグリッドが適切でない場合

すべてのスライドが区画化に適しているわけではありません。

視聴者が一つの連続した議論を追う必要がある場合、目立つグリッドはメッセージに反することがあります。タイムライン、プロセス、物語的なシーケンス、引用、フルスライド写真、または詳細なチャートは、複数の区画が注目を集めることなくより良く伝わることがあります。

特に以下の場合には注意が必要です：

  • 一つの感情的なアイデアを中心としたオープニングスライド。モザイクは単一の文言のインパクトを薄めることがあります。
  • 詳細な分析チャート。チャートは全体のキャンバスを必要とすることがあります。
  • ステップバイステップのプロセス。シーケンスは通常、連続的なように見えるべきです。
  • 長文の説明。段落をカードに分割しても、密度の高いテキストをプレゼンテーションしやすくなりません。
  • 二つのものを正確に比較する必要のあるスライド。伝統的な比較構造は、非対称なモザイクよりも関係性を明確にすることがあります。

最も効果的なベントデッキは、必ずしもすべてのスライドにベントを使用するわけではありません。

より強力なアプローチは、グリッドをより大きなプレゼンテーションシステム内の一つの構成モードとして扱うことです。

これにより、ベントの概要からフル幅のチャートへ、タイムラインへ、そして再びモジュラーなサマリーへと移行することを許可されます。デッキは設計されたように見え、一つのテンプレートから生成されたように見えなくなります。

デッキ全体のためのベントグリッドシステムを作成する方法

20枚の独立したベントスライドを設計する代わりに、まず小さなシステムを確立しましょう。

グリッド、外側のマージン、ギャッター、角の処理、タイポグラフィスケール、そして数個のモジュール比率を定義しましょう。そして、各モジュールに許可されるコンテンツタイプを決めましょう。

例えば、プレゼンテーションシステムは以下を含むことができます：

  • 大きな文言モジュール;
  • 指標モジュール;
  • チャートモジュール;
  • 視覚/画像モジュール;
  • 比較モジュール;
  • プロセスまたは図モジュール;
  • 小さなソースまたは注釈モジュール.

今、このシステムは異なる構成を生成しながら視覚的にランダムにならないようになります。

ImagineLayoutのAnalytics PowerPoint テンプレートは、内容がダッシュボード、トレンド、フunnel、散布図、またはヒートマップに向かう場合に関連性があります。重要なデザインの教訓は、その構造を文字通りコピーするのではなく、分析コンテンツは実際の情報を担うことができるモジュールを必要とすることを認識することです。

そして、一つの意図的なルールを導入しましょう：すべてのスライドが同じ数のモジュールを必要としないことです。

5つのモジュールによる概要に続いて、2つのモジュールによる論理スライドは、通常は同じ6つのカード構造に強制するよりも自然に感じます。

スライドを保持する前に実用的なテスト

プレゼンテーション用のベントスライドを表示する前に、テキストが読みにくくなるまで縮小しましょう。

そのサイズで、以下の3つの質問に答えましょう：

  • 最も重要な領域がすぐに分かるか;
  • 主要なモジュール間の関係性が理解できるか;
  • スライドはプレゼンテーションのように見えるか、アプリケーションのスクリーンショットのように見えるか;

第三の質問の答えが「いいえ」の場合、インターフェース特有の装飾を変更する前にグリッド自体を変更しましょう。

しばしば問題はベント構造ではなく、UIシグナルの蓄積です：小さなラベル、過剰なアイコン、ステータスピル、ミニチュアコントロール、製品のような影、同じ機能カード。

それらを取り除くと、基本的なモジュラー構成がはるかに強力になることがあります。

覚えておくべき重要な区別は、ベントは情報を組織する方法であり、「アプリのように見える」はその組織化の上に重ねられた視覚言語です。前者は後者を自動的に採用する必要はありません。

最も優れたベントプレゼンテーションは、カードが最も多いわけでも、最も未来的なスタイリングを持つわけでもありません。それは、視聴者がデザインを鑑賞する時間を取る前に、幾何学が情報を理解しやすくするものです。

グリッドがコンテンツを支配するようになる前に、それを破るべきです。プレゼンテーションは一つの大きな画像、一つのチャート、一つの文、または一つの図を持つことができます。モジュラーシステムはこれらの瞬間をサポートするべきであり、妨げるべきではありません。