![「デザイン初心者必見!デザインの方向性を共有する「ムードボード」を便利ツール5選とともに解説」の見出し画像](https://ferret.akamaized.net/uploads/article/9074/eyecatch/default-05931e9bcabd5ea1b16d612128535d65.jpg)
デザイン初心者必見!デザインの方向性を共有する「ムードボード」を便利ツール5選とともに解説
「意図したデザインアイデアが伝わらない・・・」
そんな思いをしたことのあるプロジェクトマネジャーはいませんか?
思い通りのアイデアがデザイナーに伝わらないのは、共有不足なのではなく、共有の方法に問題があるのかもしれません。そこでデザイナーをはじめとして、デザインアイデアの共通認識を行うために「ムードボード」と呼ばれるカンバスを作成することがあります。
今回は、デザインの方向性を共有する「ムードボード」を便利ツール5選とともに解説していきます。アイデアを共有するのに困ったら、ムードボードを作成してみてはいかがでしょうか。
チーム内のデザイン認識のズレを防ぐ「ムードボード」とは?
画像引用元:BURST by shopify
*ムードボード(Mood Board)*とは、インテリアやファッション、グラフィックなどのデザイン分野で、アイデアやコンセプトを画面や紙面にコラージュとして作成したものを指します。
「ミニマリズムなデザインをしましょう!」とチーム内で共有していても、人によって「ミニマリズム」のイメージにズレが生じる場合があります。
そこで、写真やイラスト、テクスチャー、配色やカラーパレットにメモを添えてムードボードを作ることで、チームのデザイン認識のズレを防ぐことができるです。
チームでの「ムードボード」の作成を加速させる便利ツール5選
ムードボードは、印刷したものを紙面に切り貼りしたり、Power PointやIllustratorなどに素材を貼り付けたりして作成することもできますが、1人で作成するのは簡単でも、チームでまとまって作成することは難しいかもしれません。
そこで以下、チームで「ムードボード」作成を行うことができる、オススメのコラボレーションツールをご紹介していきます。
1. Moodily
Moodilyは、誰でも簡単にムードボードを作成することができるサービスです。通常、ムードボードの作成には自分たちで素材を集めなければなりません。
しかし、Moodilyでは必要な素材を指定するだけで、Tinderにも似た「アリ」か「ナシ」かのフリック操作を行うだけで簡単にムードボードが作成できます。
「アリ」「ナシ」で振りわけたムードは、「Show Board」をクリックすることで閲覧することができます。
それぞれの素材をクリックすることで、素材の配色を確認したり、コメントを残したりすることができます。
2. MURAL
MURALは壁に付箋を貼り付けるような、アイデア出しに使われるツールです。ムードボード作成に特化しているわけではありませんが、ムードボードを作成するのと同様にアイデアを絞り出して、カテゴリーわけをしながらムードの方向性を決める手助けをしてくれるでしょう。
付箋はコラボレーションの中で議論しながら張り替えることができ、張り替えの履歴をタイムラインで確認することもできます。
3. niice
Niiceは、ドラッグアンドドロップで簡単にコラボレーティブなムードボードを作成することができるサービスです。
ドラッグ&ドロップで挿入した要素は、「スマートレイアウトエンジン」によって自動的に整列されます。画像だけではなく、GIFアニメや動画を挿入することもでき、画像の編集ソフトがなくても簡単に彩度や明度を変えることが可能で、ムードボードに合わせた編集を行うことができます。
コメント機能も直感的です。画像の中で注目したいところをクリックしてコメントを残すだけなので、リアルタイムで簡単に議論を行うことができます。
4. Dragdis
Dragdisは、ブラウザと一体になったムードボード作成ツールです。
アイデアのもととなるクリエイティブは、イウンターネット上から収集することが多いと思いますが、ブラウザを別に立ち上げながら作業をするのは不便です。Dragdisはブラウザと一体になっており、気になる画像や動画があれば、右に並んであるフォルダにドラッグ&ドロップをして保存をするだけで、クリエイティブを素材の専用スペースに保存することができます。
もちろんコラボレーション機能やプライバシー設定も充実しており、スマートフォンなどを使って外出先でもクリエイティブを確認することができます。画像だけではなく、キャッチコピーのような短いテキストをアイデアとして保存することも可能です。
5. Moodzer
Moodzerは、自分が作成したムードボードを公開・シェアすることのできるソーシャルネットワーキングサービスです。
オンライン上でムードボードを作成したのち、ムードボードにタイトルを付けて保存します。自分でムードボードを作成するだけではなく、ほかの方が作ったムードボードを閲覧することもできるので、インスピレーションが湧き出るためのアイデアの接点が多くなるのも特徴です。
まだ、ベータ版(正規リリースの前の段階)のため多くの機能が実装されているわけではありませんが、利用は無料なので試しに使ってみるのもいいでしょう。
- コンセプト
- コンセプトとは、作品やサービスなどに一貫して貫かれている考え方をいいます。デザインと機能がバラバラだったり、使い勝手がちぐはぐだったりすると「コンセプトが一貫してないね」などと酷評されてしまいます。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- キャッチコピー
- キャッチコピーとは、商品などの宣伝の際に使用される文章のことです。 宣伝をする対象のイメージや特徴を簡潔にまとめつつ、見た人の印象に残る必要があります。一言で完結するものから数行になる文章など、実際の長さはバラつきがあります。 キャッチコピーの制作を職業とする人のことを、「コピーライター」と言います。
- テキスト
- テキストとは、純粋に文字のみで構成されるデータのことをいいます。 太字や斜線などの修飾情報や、埋め込まれた画像などの文字以外のデータが表現することはできませんが、テキストのみで構成されたテキストファイルであれば、どのような機種のコンピューターでも共通して利用することができます。
- シェア
- シェアとは、インターネット上で自分が見つけて気に入ったホームページやブログ、あるいは、Facebookなど自分自身が会員登録しているSNSで自分以外の友達が投稿した写真、動画、リンクなどのコンテンツを自分の友達にも共有して広めたいという目的をもって、SNSで自分自身の投稿としてコンテンツを引用し、拡散していくことをいいます。
- オンライン
- オンラインとは、通信回線などを使ってネットワークやコンピューターに接続されている状態のことをいいます。対義語は「オフライン」(offline)です。 現在では、オンラインゲームやオンラインショップなどで、インターネットなどのネットワークに接続され、遠隔からサービスや情報などを利用できる状態のことを言う場合が多いです。
- タイトル
- ホームページのソースに設定するタイトル(title)とは、ユーザーと検索エンジンにホームページの内容を伝えるためのものです。これを検索エンジンが認識し検索結果ページで表示されたり、ユーザーがお気に入りに保存したときに名称として使われたりするため、非常に重要なものだと考えられています。「タイトルタグ」ともいわれます。
おすすめ記事
おすすめエントリー
同じカテゴリから記事を探す
カテゴリから記事をさがす
●Webマーケティング手法
- SEO(検索エンジン最適化)
- Web広告・広告効果測定
- SNSマーケティング
- 動画マーケティング
- メールマーケティング
- コンテンツマーケティング
- BtoBマーケティング
- リサーチ・市場調査
- 広報・PR
- アフィリエイト広告・ASP
●ステップ
●ツール・素材
- CMS・サイト制作
- フォーム作成
- LP制作・LPO
- ABテスト・EFO・CRO
- Web接客・チャットボット
- 動画・映像制作
- アクセス解析
- マーケティングオートメーション(MA)
- メールマーケティング
- データ分析・BI
- CRM(顧客管理)
- SFA(商談管理)
- Web会議
- 営業支援
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング
- フォント
- 素材サイト
●目的・施策
- Google広告
- Facebook広告
- Twitter広告
- Instagram広告
- LINE運用
- LINE広告
- YouTube運用
- YouTube広告
- TikTok広告
- テレビCM
- サイト制作・サイトリニューアル
- LP制作・LPO
- UI
- UX
- オウンドメディア運営
- 記事制作・ライティング
- コピーライティング
- ホワイトペーパー制作
- デザイン
- セミナー・展示会
- 動画・映像制作
- データ分析・BI
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング
●課題
●その他
![会員特典画像](https://ferret.akamaized.net/assets/member_merits-76b1dc1d9e3ef06b0617b354b0b206fb64aa9fcabf009b7b2b1a2a1d002bf591.gif)