プレゼン資料で図解をする際、欠かすことのできない「囲み」表現。枠線で箱を作ってテキストを書き込み、そして箱同士を線で繋ぐ。図解作りの基本動作といっても過言ではないと思います。

ところで、ある程度込み入った図解を作成するとき、囲み表現一辺倒では少し困ったことが起こるかもしれません。上の図解では「タイトル」「フロー」「吹き出し」「グループ」、これらがすべて囲みで表現されていますが、あまり見やすいとはいえない状態です。

　原因は同じ表現の繰り返しにより、情報が干渉してしまったため。囲みはさまざまな用途（図解の要素／グルーピング／タイトル・見出し・キャプション…）に利用できる便利な表現手法ですが、あまりに多用し過ぎると、それぞれの見分けがつきにくくなってしまいます。

やはり、伝わりやすい図解を作成するうえでは、表現にも相応のバリエーションが必要です。そこでぜひ押さえておきたいのが「淡い塗り」と「濃い塗り」。これらを囲みと組み合わせれば、図解の表現力を底上げできますよ。

それでは囲みと淡い塗り、濃い塗りの組み合わせによってどんな「底上げ」ができるのか、具体例を3つ紹介します。

まず1点目は「色数を増やさず、バリエーションが作れる」です。

　たとえば役割分担を表すとき、顧客には緑・自社には青といったように「色」を使う方法が考えられますが、囲み（枠線）は塗りの面積が少ないため、たとえ色に変化をつけても、そこまで違いが目立ちません。

　一方、淡い／濃い塗りを組み合わせたものでは、顧客に緑の塗りを、自社には囲み（淡い塗りの併用も可）を割り当てることで、はっきりと違いを表現できます。なおかつ、塗り／囲みだけでも十分に表現の差がつけられるため、使う色数も少なく済んでいる状態です（緑色の濃淡で違いを表現している）。

続いて2点目は「情報の干渉を避け、スッキリ見せられる」です。

　これはぜひ例を見てほしいのですが、囲みだけで「輸出の流れ」を表した場合、一つひとつのフローとこれらを束ねるグループが干渉してしまい、少し意識を集中しないと、情報の構造を把握しにくいです。

　一方淡い／濃い塗りを組み合わせた例では、スタート地点としての輸出者（塗り）が目立っており、国内／外のグループについては、淡い色ですっきりと表現されています。情報の読み取りやすさは、明らかに後者に分があるといえるでしょう。

そして最後の3点目は、「細かなニュアンスも表現しやすい」です。

　こちらのサンプルは簡単な線表をイメージしたものですが、囲みだけのものは「顧客」と「自社」「パートナー」の3つのタスクの存在が分かるのみです。

　一方、淡い／濃い塗りを組み合わせたものでは、顧客を塗りで目立たせながら（得てしてこの手の線表は顧客のタスクを強調したくなるはずです）、自社とパートナーには囲みを適用して、暗にグループ化を行っています。それぞれの要素の存在感を際立たせつつ、重要度設定とまとまりを同時に表現しているかたちです。

さて、ここまで囲みと淡い塗り、濃い塗りを組み合わせるメリットについて解説してきましたが、ひとつ注意点にも触れておきます。「濃い色で塗った要素は枠で囲まない」ようにしてください。

　というのも「囲み」と「塗り」は、それぞれ単独で意味を持つ表現であり、濃い塗りとの併用はくどくなりがちです。もし使うにしても、まずは囲み、塗りだけで表現しきれないかを試し、どうしてもバリエーションが不足したときに手をつけた方が良いでしょう。

そして念のため「淡い色の選び方」について補足しておきます。

淡い色は、元々「テーマカラー」として用意されているのであれば、まずそちらを選ぶようにしてください。もしテーマカラーとして定義が無いようであれば、「バリエーションカラー」から選択すると良いでしょう。

そしてあいにく、テーマカラーにも、バリエーションカラーの中にもコレといったものがない場合には、手動で調整します。調整方法は、淡くしたい色を選んだ状態で上記「色の設定」ダイアログを開き、明度のツマミ「◀︎」をぐっと上に移動させてください。なお、うまくいかない場合によっては併せて色相・彩度を調整、最後の手段としては「透過性」を調整するという方法もあります。

最後にまとめです。囲みは、図解はもちろん、タイトルや見出し、強調などさまざまな用途をカバーする便利な表現手法ですが、多用し過ぎれば本来の力を発揮できなくなってしまいます。「囲み」に加えて、ぜひ「淡い塗り」「濃い塗り」を組み合わせ、より効果的な図解作りに挑戦してみてください！