記事内に商品プロモーションを含む場合があります
こんにちは!canva歴5年!ノーコードwebデザイナーのmimo39です♪
みなさんはデザインを作成する時に、ムードボードやイメージボードを使っていますか?
そもそも『ムードモードって何?』『そもそもムードボードの名前も知らない』そんな貴方へ、
今回は、canvaを使ってデザイン制作の作業時間が効率アップ!ムードボードの作り方をご紹介します♪
\こんな方へおすすめ/
- デザイン制作に時間がかかる
- デザインの世界観がまとまらない
- canvaでサクッとデザインを作成したい
\この記事でわかること/
- ムードボードの意味
- ムードボードの作り方
- デザイン制作の効率アップ!ムードボードの使い方
\今回、作るムードボードはこちら/
(※私が実際使用しているムードボードです)
なんだかおしゃれに見えませんか?
canvaで作る!ムードボードでデザイン作業効率アップ!
そもそもムードボードって何?
ムードボードとは、デザインやプロジェクトの方向性を視覚的にまとめたコラージュのことです。
雑誌の切り抜きや写真、色、テクスチャ、イラストなど、アイデアや雰囲気に合った素材を集めて配置し、全体のムード(雰囲気)を表現します。
これにより、プロジェクトの初期段階で関係者全員が「こういう感じにしたいんだ」というイメージを共有でき、イメージが具体化されやすくなります。
\ムードボードの役割/
- イメージ共有:クライアントやチームとデザインの方向性を共有し、ズレを防ぐ
- アイデア発展:素材を並べることで新しい発想が生まれる
- 統一感の確認:テーマや色の一貫性を見て、プロジェクトの全体像を確認する
【ムードボードのイメージ】
【canvaにはブランドキットという便利な機能もあります!有料会員限定】
設定方法の記事はこちらから
ムードボード作成のSTEP
\ムードボード作成のstep/
- 世界観のコンセプトを決める
- デザインのカラーを決める
- フォントを決める(日本語)
- フォントを決める(英語)
- 素材を決める
- テクスチャーを決める
- 自分の作成するデザインも一貫性を持たせる
- 写真などでイメージをさらに固める
簡単そうですよね😊
順番は自由です!今回は、私が作成した順番でご紹介いたしますね♪
step
1世界観のコンセプトを決める
コンセプトというのは、簡単にいうと
デザインの方向性や意図を明確にするための基本的なアイデアやテーマです。
コンセプトが決まっているとカラーや素材・フォントを選ぶ際にも決めやすくなります♪
私のデザインのコンセプトは、
”natural(ナチュラル)””nuance(ニュアンス)”
「微妙な違いや含み、繊細な意味合い」のことです。はっきりとは見えにくいけれど、そこにある小さな違いや深みをコンセプトとしています。
step
2デザインに使用するカラーを決める
カラーはこちらの6色が基本使用しているカラーです😌
(使いやすく、おしゃれにするなら2、3色がおすすめです💦)
おしゃれなカラー配色サイトの記事はこちらから☑︎チェックできます。
カラーのポイントは、naturalで、nuance color、
”はっきりしない雰囲気のカラーでまとめています🧡”
step
3フォントを決める(日本語)
日本語フォントを決めます♪
手描きのイラスト制作がメインのお仕事なので、イラストの雰囲気にあったフォントに決めました!
花とちょうちょは手書き感もあり、尚且つ綺麗なフォントでお気に入りです^^
step
4フォントを決める(英語)
英語のフォントを決めます♪
”綺麗めで女性らしい筆記体”をよく使用しています
特におすすめが『Halimum』かわいいですよね♪
step
5素材を決める
自分でイラストを描くので、イラストが目立つように、あまり主張しすぎないような手描きの線画イラストにしました^^
step
6テクスチャーを決める
よく使用するのは、水彩・dustです😌
テクスチャーもすごく大事で、選ぶ素材で、雰囲気がガラリと変わります。
こちらも、『コンセプト』が決まっていたら選びやすいですよ!
step
7自分の作成するデザインも一貫性を持たせる
デザインにおいて、挿絵やイラストは割と必須だと思います。
イラストの雰囲気がバラバラだとバランスが悪くなってしまいますので、
”自身が作成するイラスト”も統一感を持たせるのが大事です^^
step
8写真などでイメージをさらに固める
写真や画像があると更に、イメージが固まりやすくなります😊
1−8まで決まったら、1枚のデザインに配置していきます!こちらで完成です
ムードボードの使い方
ムードボードの使い方は、デザイン制作の際にすぐに確認できる場所に配置しておくと便利です😌
例えば、
・フォントは何を使っている
・カラーは何を使っている
・素材はどんな素材を使用している
こういったことが一目でわかるので、デザイン作業効果アップですね!
(デザイン制作時のイメージ)
\こちらのデザインもムードボードを使用して作成しました/
いかがでしたか?ムードボードがあるとデザインの制作スピードがアップしそうですよね♪
どなたかの参考になれば幸いです☺️
canvaを使ったデザイン制作でお仕事をしたい人!
PCスキル0/webスキル0の私でもフリーランスになれました☺️(しかも高卒です。。。)
まずは、とにかく0⇨1を突破して売れることの喜び・楽しさを感じることがオススメ!
canvaを使ったデザイン制作でお仕事をしたい人!
商品を出すなら、今でも収入の柱となっているココナラが0⇨1突破しやすいと思います♪
\自分の商品を販売したい方はココナラがおすすめ♪/
私もイラスト関連の商品をいくつか出品していますが
ココナラからの依頼が一番多い気がします♪
試してみてね♪
こちらの招待コードを使用すると¥1000offになるので、デザインを依頼したいと思っている方は色々なクリエイターがいるので覗いてみるのもおすすめだよ(^ ^)
【 PHZN7V 】
続きを見る
【canva】canvaでブログデザインリニューアル!おすすめデザイン配色参考サイト