Web関連

そうそうコレコレ!複数人でちゃんとデザインの方向性を認識統一できる「ムードボード」 の使い方

0

ishizuka_mood01.png

プロジェクトで制作したデザインが「なんかイメージと違う…」となってしまったこと、

デザイナーの方なら一度は経験したことあるのではないでしょうか。

「キーワードや参考サイトなど、しっかりヒアリングしたはずなのにどうして?」
今回は、こうしたデザインの認識違いを防ぐのに有効な方法、「ムードボード」についてご紹介します。

1.ムードボードとは

ムードボードについての公式な説明文はありませんが、いくつかの技術系サイトでは「ある「イメージ」を複数人で共有するために、写真やイラストをスクラップ状に貼り付け、視覚的に分かりやすくしたもの」といった内容で紹介されていました。

例えば、「可愛い」というキーワードに対して
「女の子、ピンク、ふわふわ」というイメージを抱く人もいれば、
「赤ちゃんや小動物、カラフル、丸っこい」というイメージを抱く人もいます。

このように、人によって異なるイメージも、一度写真で貼りだすことによって
「それはイメージと違う」「これはイメージに近い気がする」と、
言葉によるイメージの違いや誤解を防ぐことができ、プロジェクト内で認識統一をすることができます。

ishizuka_mood02.png

2.ムードボードの作り方

決められた作り方、フォーマットはありませんが、
PhotoshopVIPさんで様々なサンプルが紹介されています。
以下、効果的なムードボードを作るためのポイントをまとめました。

ishizuka_mood03.png

1.とにかく貼り出す

ブレインストーミングのように、とにかくイメージに近い画像をたくさん貼り出しましょう。
一見、プロジェクトに関係のないようなジャンルの画像でも構いません。
コスメ系のデザイン制作だったとしても、イメージに近いと感じたなら、食品パッケージの画像を選んでもOKなのです。

2.整理する

画像を出しきったら、イメージを固めるために整理をします。
イメージと異なるものは排除し、残った画像も
「メインとして使う写真」「配色」「フォント」「アイコン、パーツ」など
どの部分の参考とするものなのかカテゴリを分けましょう。

3.テーマを決める

「信頼性」「清潔感」など、全体のテーマを決めます。
写真の色調は鮮やかなものかレトロ調か、
同じ⻘でも⽔色に近いものか、エメラルド色に近いものかなど
選ぶべき画像のポイントがより明確になり、ムードボードに⼀貫性が生まれます。
プロジェクトのコンセプトとズレがないかも再確認できます。

まとめ

いかがでしたでしょうか。
言葉だけでは、イメージを伝えるのも想像するのも難しいことです。
プロジェクトでお互いが正確なデザインイメージを描き、スムーズに制作を進めるためにも
ムードボードを活用してみてはいかがでしょうか。

Web制作でお困りの方はWeb制作会社ティファナにご相談ください!

お問い合わせはこちらから

関連するサービス

ホームページ制作

0

なぜ2MBなの!?ビジネスマナーの意外な理由前のページ

こんなのあったの・・!?驚愕のアプリ集次のページ

ピックアップ記事

  1. AIに求められているものは、実は意外な物だった
  2. 大手企業も注目するMaaS(Mobility as a Service)とは何か…
  3. 新型コロナウイルスで日本の働き方改革が起こる
  4. 新しい販売形態であるDtoCについて考えてみる

関連記事

  1. Web関連

    今後の活躍に期待!ドローンのうまい使い方

    Amazonが配達に利用する意向にあるなど、今後の利用シーンが期待され…

  2. Web関連

    写真も進化!WEBサイト制作に活用できる動画と組み合わせた写真

    最近高性能なカメラが市場に出回っていますね。とても嬉しいです!…

  3. Web関連

    意外と気づかない?Webデザインには不可欠なフリー素材の落とし穴

    突然ですが、私は専門学校時代はゲーム作りをやっていました。あく…

  4. Web関連

    寿命が延びてるのはビッグデータのおかげ!ビッグデータで長生きしよう!

    結構大げさに書いてしまいましたが、ビッグデータのおかげで人の寿命は延び…

  5. Web関連

    テレビで見たあの場所へ。あの撮影スポットは千葉 のここだった!3選

    トリップアドバイザーが公表した「2015年日本の人気テーマパーク」ラ…

  6. Web関連

    2015年夏流行る?おしゃれな手法を使ったサイト

    今回は今年流行するかも?という新しい手法を使ったおしゃれなWebサイト…

おすすめ記事

最近の記事

  1. 人間拡張×AIで非接触なデジタル化を推進する
  2. ヘルスケアはAI先生にみてもらう時代
  3. withコロナは非接触技術で生活しよう!
  4. デジタル接客+AIで非接触を推進する
  5. 遠隔診療や遠隔医療普及のポイントはAIと5G

アーカイブ

  1. Web関連

    進化するソーシャルメディア!ソーシャルギフト編
  2. Web関連

    ライバルサイトに差をつける!インフォグラフィックを作るための5つの手順
  3. AI関連

    ユーザーからみたAIチャットボット|メリットとデメリット
  4. SNS関連

    Facebookが地味に本気出してた。360度動画体験が凄い!
  5. Web関連

    スマホゲームと家庭用ゲームの今
PAGE TOP