デザインの方向性を決めるとき、なんとなくのイメージのまま走り始めてしまうと、途中で必ずズレが生まれます。
そのズレを最初の段階で潰せるのが、ムードボードです。

多くの場合「イメージ共有のためのコラージュ」として扱われますが、実務におけるムードボードは、もっと本質的な役割を持っています。
この記事では、

• 何を判断基準としてムードボードを作るべきか

• プロジェクトの精度を上げるための構築フロー

• チームマネジメントまで考えた運用方法

といったポイントを中心に、送っていただいた記事とは別の切り口で解説します。

目次

ムードボードの本質：デザインの「前提条件」を揃えるための資料

一般的には「世界観をまとめるもの」と説明されることが多いですが、実務では
「何をデザインしないか」を明確にするための資料 として機能します。

つまりムードボードは、

• 好みを共有するためのもの

• テイストを寄せ集めるためのもの

というよりは、

意図しない方向に転がっていかないように、境界線を引くためのツール だと言えます。

この前提を理解しておくと、ムードボードの作り方も使い方も大きく変わってきます。

ムードボードを作る前に決めておきたい「3つの境界線」

よくある「目的」や「ターゲット」の確認に加えて、実務では次の3つの境界線を意識しておくと精度が上がります。

1. 「温度」の境界

同じコンセプトでも、温度（warm / cool）の幅がかなりあります。
たとえば「清潔感」という言葉ひとつ取っても、
病院のような無機質な白と、ラグジュアリーブランドの上品な白では印象がまったく違います。

どのくらいの温度感で見せたいのかを、最初に決めておきます。

2. 「密度」の境界

余白の量、情報量、光の量など、ビジュアルの「密度」です。
同じ世界観でも、要素を詰め込みすぎるとブランドは一気に“安っぽく”なりますし、逆にそぎ落としすぎると「情報が足りない」と感じられることもあります。

どのくらいの密度を標準とするのか、そのラインを決めます。

3. 「現実寄りか、理想寄りか」の境界

• 現実寄り：ビジネス寄り・実装前提・運用しやすさ重視

• 理想寄り：アート・世界観重視・「こうありたい姿」を優先

プロジェクトによって、どちら側にどの程度寄せるかが変わります。
このバランスを事前に決めておくことで、「良いけれど現実的ではない」「現実的だけどワクワクしない」といったズレを防ぎやすくなります。

プロの現場で使うムードボード構築プロセス

ここからは、一般的な「画像を集めて貼る」ではなく、デザインの意志決定を支えるための手順としての作り方を紹介します。

STEP1｜あえて「使わない方向性」を先に洗い出す

まずは「絶対に外したいもの」からリストアップします。

• 避けたい色

• 避けたいテイスト（可愛すぎる・ポップすぎる など）

• ブランドと合わないモチーフ

• 競合が使いすぎている表現

NGリストを先に作っておくことで、素材集めのときに迷いが減り、作業スピードも上がります。

STEP2｜イメージを2軸でマッピングする

次に、イメージを「軸」で整理します。

• 主軸：ブランドの根本価値（信頼・親しみ・挑戦・安心感 など）

• 副軸：今回のプロジェクト固有のメッセージ（スピード感・職人感・テクノロジー感 など）

この2軸上にイメージを置いていくことで、「方向性が合っているか」「ずれているか」が言語化しやすくなります。

STEP3｜決めた軸の“内側だけ”で素材を集める

2軸の外側に位置するものは、どれだけ魅力的でも一旦排除します。
その上で、写真・色・タイポ・テクスチャなどを集めていくと、量は少なくても精度の高い素材だけが残っていきます。

STEP4｜写真・色・質感・光を“セット”で見る

要素ごとにバラバラに見るのではなく、1枚のビジュアルが持つ情報をセットで判断します。

• 光が硬い → 影が強く出る → メリハリのある印象になる

• 色が暗い → 落ち着きだけでなく、スピード感も抑え気味に見える

• 質感が粗い → ラフ・カジュアル寄りに感じられる

このように「写真1枚＝複数要素のパッケージ」として見ることで、世界観の一貫性をコントロールしやすくなります。

STEP5｜曖昧な部分だけテキストで補う

最後に、「視覚だけでは伝わり切らない部分」だけを言葉で補います。

• これは“遊び”の範囲なのか、“本気の世界観”なのか

• どこまで振り切ってよいのか

• 誰に対してどう見られたいのか

すべてを言葉で説明する必要はありません。
あくまで、ぼんやりしがちな部分の輪郭をハッキリさせるための補足として扱います。

プロの現場で使われるムードボードの3つの型

目的によって、ムードボードの構成も変わります。
ここでは現場で使いやすい「3つの型」を紹介します。

1. 方向性比較ボード

A案・B案・C案のように、複数の方向性を並べて比較してもらうタイプです。

• A：明るく軽やか

• B：落ち着き重視

• C：モードでシャープ

のように、あえて差をつけた案を用意することで、クライアントやチームに「どこまで攻めるか」を選んでもらいやすくなります。

2. 統合型ボード

写真・色・フォント・テクスチャなどを1枚に集約し、「これが今回の世界観です」と提示するタイプです。
ブランド構築や大きなリニューアル案件などで、最終的な方針決定用として使われます。

このボードがプロジェクトの“基準値”になるイメージです。

3. アートディレクション用ボード

特に写真や動画撮影が絡む案件で使いやすい型です。

• 光の方向・強さ

• 被写体の表情やポーズ

• 背景やロケーションの雰囲気

• コントラストや画角の傾向

などを整理しておくことで、撮影現場での判断や、カメラマン・スタイリストとの連携がスムーズになります。

ムードボードを“活かす”ための運用スキル

どれだけ良いムードボードを作っても、出し方や話し方を間違えると、ただの「きれいな資料」で終わってしまいます。
実務では、次のようなポイントが特に重要です。

1. 反応を聞くときは「好き嫌い」を聞かない

フィードバックの際に「どれが好きですか？」と聞いてしまうと、議論が主観の話になってしまいます。

聞くべきは、

• どの要素がズレていると感じるか

• どの方向性は避けたいか

といった「判断基準」に関わる部分です。
これにより、ムードボードが感覚ではなく“基準”として機能し始めます。

2. 方向性を決める前に“やりすぎ例”も見せる

• A：標準

• B：控えめ

• C：振り切った案

のように、「やりすぎ」を含めて見せておくと、「Cは行き過ぎだけど、AとCの中間くらいが良い」といった具体的な会話がしやすくなります。

クライアントにとっても、“安全圏”と“攻めのライン”が可視化されるため、合意形成が早くなります。

3. 決定後は「基準からのズラし方」だけを議論する

ムードボードが決まったあとは、

• 媒体ごとにどこまで変えて良いか

• キャンペーン時にどこまで遊びを入れるか

など、「基準からの距離」だけを調整していくイメージで進めます。

たとえば：

• Webサイトでは余白を多めに

• キャンペーンバナーはコントラスト強めに

• パッケージは印刷再現性を考慮して色域を狭めに

といった具合に、土台となる世界観は守りつつ、用途ごとに最適化していきます。

ムードボード作成に向いているツールの使い分け

ツール自体はよく知られたものが多いため、ここでは「どのタイミングで使うと効果的か」という観点に絞って紹介します。

Pinterest

アイデアの探索・方向性のリサーチに最適です。
決めた軸に沿って検索すれば、必要な素材が高速で集まります。

Figma

精度の高いムードボードを作りたいときに向いています。
色や余白の調整、要素の整列がしやすく、共同編集もしやすいツールです。

Milanote

言葉・画像・リンク・メモなどを混在させながら考えたいときに便利です。
コンセプト整理やアイデアの「見える化」に強いツールです。

Miro

発散フェーズで使いやすいホワイトボード型ツールです。
ムードボードそのものというより、その手前の「アイデア出し・情報整理」の場として相性が良いです。

Adobe Express / Canva

スピード重視で、ある程度見栄えのするボードを作りたいときに適しています。
テンプレートを活用すれば、非デザイナーを含めたチームでも手早く共有用の資料が作れます。

まとめ：ムードボードは「初期設定ファイル」である

ムードボードは、
デザインの質とスピードを底上げするための“初期設定ファイル” のような存在です。

• NG方向を先に決める

• 温度・密度・現実／理想の境界線を引く

• 写真を「光・密度・温度」のセットとして見る

• 目的に応じて3つの型を使い分ける

• 作ったあとも運用の仕方を意識する

このあたりを押さえておくと、単なる「雰囲気資料」から一段上の、プロジェクト全体をドライブさせるツールへと変わっていきます。