canva webデザイン 最新記事

【canva】ムードボード?イメージボード?とは?canvaでも作れる!世界観作り

記事内に商品プロモーションを含む場合があります

こんにちは!canva歴5年!ノーコードwebデザイナーのmimo39です♪

みなさんはデザインを作成する時に、ムードボードやイメージボードを使っていますか?
そもそも『ムードモードって何?』『そもそもムードボードの名前も知らない』そんな貴方へ、
今回は、canvaを使ってデザイン制作の作業時間が効率アップ!ムードボードの作り方をご紹介します♪

\こんな方へおすすめ/

  • デザイン制作に時間がかかる
  • デザインの世界観がまとまらない
  • canvaでサクッとデザインを作成したい

\この記事でわかること/

  1. ムードボードの意味
  2. ムードボードの作り方
  3. デザイン制作の効率アップ!ムードボードの使い方

 

\今回、作るムードボードはこちら/
(※私が実際使用しているムードボードです)

なんだかおしゃれに見えませんか?

 

canvaで作る!ムードボードでデザイン作業効率アップ!

そもそもムードボードって何?

ムードボードとは、デザインやプロジェクトの方向性を視覚的にまとめたコラージュのことです。
雑誌の切り抜きや写真、色、テクスチャ、イラストなど、アイデアや雰囲気に合った素材を集めて配置し、全体のムード(雰囲気)を表現します。
これにより、プロジェクトの初期段階で関係者全員が「こういう感じにしたいんだ」というイメージを共有でき、イメージが具体化されやすくなります。

\ムードボードの役割/

  • イメージ共有:クライアントやチームとデザインの方向性を共有し、ズレを防ぐ
  • アイデア発展:素材を並べることで新しい発想が生まれる
  • 統一感の確認:テーマや色の一貫性を見て、プロジェクトの全体像を確認する

 

【ムードボードのイメージ】

 

【canvaにはブランドキットという便利な機能もあります!有料会員限定】
設定方法の記事はこちらから

 

ムードボード作成のSTEP 

\ムードボード作成のstep/

  1. 世界観のコンセプトを決める
  2. デザインのカラーを決める
  3. フォントを決める(日本語)
  4. フォントを決める(英語)
  5. 素材を決める
  6. テクスチャーを決める
  7. 自分の作成するデザインも一貫性を持たせる
  8. 写真などでイメージをさらに固める

簡単そうですよね😊
順番は自由です!今回は、私が作成した順番でご紹介いたしますね♪

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 】

 

 

2024/11/28

【canva】canvaのブランドキット活用してますか?

記事内に商品プロモーションを含む場合があります こんにちは!canva歴5年!ノーコードwebデザイナーのmimo39です♪ canvaでブログのアイキャッチ画像を作っている人も多いと思いますが、 今回は爆速でおしゃれにアイキャッチ画像を作るポイントをお伝えします☺️   こちらが今回作成するブログのアイキャッチ画像です♪ (※イラストは元々用意していたデータを使用しています) 早速作っていきましょう^^     ブログのアイキャッチをおしゃれに爆速で作る方法 canvaのた ...

ReadMore

2024/11/4

【canva】|ブログのアイキャッチをおしゃれに作る方法

記事内に商品プロモーションを含む場合があります こんにちは!canvaデザイナーのmimo39です♪ canvaでブログのアイキャッチ画像を作っている人も多いと思いますが、 今回は爆速でおしゃれにアイキャッチ画像を作るポイントをお伝えします☺️   こちらが今回作成するブログのアイキャッチ画像です♪ (※イラストは元々用意していたデータを使用しています) 早速作っていきましょう^^     ブログのアイキャッチをおしゃれに爆速で作る方法 canvaのたくさんのテンプレートから ...

ReadMore

2024/11/4

【ブログ初心者】エックスサーバーを使ってブログを始める方法を徹底解説!

記事内に商品プロモーションを含む場合があります   ブログの開設って、難しい設定が多く時間がかかりそうなイメージがありませんか? 初心者が最初から全ての設定を自分でしようとすると、多くの時間がかかってしまったり、最悪の場合、途中で挫折したりするケースも。。。 そんな方におすすめなのが、レンタルサーバーのエックスサーバーが提供している『WordPressクイックスタート』です! WordPressクイックスタートは、従来の設定より、設定する項目が大幅に少なく、初心者でも『たった10分』でブログが開 ...

ReadMore

2024/11/4

【canva】ムードボード?イメージボード?とは?canvaでも作れる!世界観作り

記事内に商品プロモーションを含む場合があります こんにちは!canva歴5年!ノーコードwebデザイナーのmimo39です♪ みなさんはデザインを作成する時に、ムードボードやイメージボードを使っていますか? そもそも『ムードモードって何?』『そもそもムードボードの名前も知らない』そんな貴方へ、 今回は、canvaを使ってデザイン制作の作業時間が効率アップ!ムードボードの作り方をご紹介します♪   \今回、作るムードボードはこちら/ (※私が実際使用しているムードボードです) なんだかおしゃれに見 ...

ReadMore

2024/10/25

【canva】自作イラストでオリジナルヘッダーの作り方

記事内に商品プロモーションを含む場合があります こんにちは!ノーコードwebデザイナーのmimo39です♪ canvaと手書きのイラストで、ブログ用ヘッダーを作成するまでの工程をご紹介します^^ 『自分でヘッダーを作成したい』『イラストを商売にしたい』そんな方に役立つ情報となると思います♪ 最後に私が実際に使用しているおすすめのイラストを販売するサイトをご紹介!   まずは今回作成するヘッダーデザインです♪イラスト作成も含め大体30分くらいで完成しました     canvaと ...

ReadMore

 

  • この記事を書いた人

mimo39

\canva + イラストでお家で働く主婦/
独学でcanvaを学習、canva歴5年のcanvaヲタク! 現在はフリーランスとして、個人事業主様〜企業様のデザイン関連のサポート担当。スキル0からでも大丈夫!お家で仕事がしたいママ向け情報を発信 1990年、沖縄生まれ。30代主婦(4歳の娘/1歳の息子)2児のママ

-canva, webデザイン, 最新記事
-, , , , , ,