ブログ・note・SNSなどの投稿に図解があるだけで、
記事の説得力や理解のスピードが格段にアップします。
しかし、以前の私は図解制作に苦手意識がありました。
✅図解を入れたいけど難しそう
✅デザインに自信がない
✅そこまで手が回らない
✅外注・AI課金している
ブログの作成だけで手一杯、図解にこだわる余裕がありませんでした。
なので、文字だけの記事や、AIに課金して図解を作っていたこともあります。
だけど正直、
自分で作れた方がイメージ通りのオリジナルの図解ができるのになと歯がゆい思いが消えませんでした。そんな風に思っているブロガーさん、初心者デザイナーさんが多くいるのではないでしょうか。
\ そんなあなたに朗報です！ /
ほとんどワンオペで子育てしながらブログ運営をする私が、
少ない作業時間でも図解を量産できた簡単5ステップを
初心者にもわかりやすくお伝えします。
・気軽に無料で使えるCanvaを使用
・初心者でもわかりやすい5ステップ
・図解で解説！
この記事を読めば、
→難しい・時間がないと外注していたブロガーさんも、
→後回しにして諦めていた初心者デザイナーさんも、
オリジナルの図解作成が可能になります。
さらに、作成した図解をテンプレート化することで、
自分の資産を増やすことや、収益化を目指すことも実現可能になります。
ぜひ最後まで読んで、図解制作をマスターしましょう！
- 3人子育て中のママ
- 元飲食店勤務
- 未経験からwebデザインスクールを受講
- 卒業後はブログ運営とデザインの学びをコツコツ継続
- 末っ子が幼稚園に行ったら本格始動
- モチベーションの維持と時間術が得意です！
図解とは？
図解は、
文字・図形・イラストを使うことで、
テキストだけのコンテンツよりもっと理解しやすくした、
情報整理伝達サポーターです。
こちらの記事で詳しく解説しています👇
Canvaで簡単に図解を作る5ステップ
手順はたったの５つです。
- ルールを決める
- 3つの型を使う
- 文章の要約
- アイコンやイラスト素材の配置
- 全体を整える
ステップ01｜ルールを決める
決めるルールは４つあります。
- 色（４色まで）
- フォント(１～２種類）
- 文字サイズ
- アートボードのサイズ
例：
・色（メイン２色＋サブ＋文字色）
・フォント（見出し〇〇、本文〇〇）
・文字サイズ（見出し38pt、本文22pt)
・サイズ（Instagram用1080×1080px）
など！
決めると作業がとても楽になります。
Canvaのブランドキット機能を使うと効率的です。
ステップ02｜3つの型を使う
図解の型はいろいろとありますが、
まずは初心者におすすめの３型だけでOK！
これも、決めてしまうと作業がとっても楽になります。
ちょっと手間を加えて、別の型にするという応用も効くので、
まずは３つの型のテンプレートだけでも作ってしまいましょう。
- AB対比
- 箇条書き要約
- フロー、ステップ型
この３つがあれば、ブログの図解はほとんど網羅出来ます。
① AB対比
この記事の冒頭にも用いていますが、
「before→after」や、「〇の例、×の例」
など、二つの事象の対比の図解に使います。
ブログではよく使うので、テンプレートがあると心強いです。
② 箇条書きの要約
「ここだけ押さえてほしい」というポイントをわかりやすく伝える図解です。
パッと見て理解できるので、見出しの下に置いておくだけで離脱率が下がります。
「おすすめ○○、▲選！」
にも応用できます。
③ フロー、ステップ型
「〇〇の手順●ステップ！」
って、よくやりますよね。
フロー、ステップはしょっちゅう使うし、作り方も単純なので、
図解テンプレートの制作練習のためにも数種類作ってみると楽しいです。
ステップ03｜文章の要約
図解制作の難しさは、デザインよりも文章の要約にあります。
初心者が最もつまずきやすい部分でもあります。
３つの型にあてはめることで、かなり簡単になりますが、
AIを使うことでより効率的になります。
▶AIに要約を投げるときのプロンプト例
以下の文章を図解用に要約してください。
・箇条書き5つ以内
・初心者向け
・簡単な言葉で
▶自分で要約する時のコツ
- 詰め込みすぎない
- １枚の中で伝えることは１つまで
- 文字は30～60文字程度
- 接続詞を減らす
- 短く言い切る
- 読むより、見るを意識
ステップ04｜アイコンやイラスト素材の配置
ごちゃごちゃ配置せずに、余白を意識して必要最低限の配置にとどめましょう。
ポイントで使うことで、図解がより分かりやすいものになります。
アイコンやイラストは、同じテイストのものに、大きさも揃えて。
色を編集することで、雰囲気の統一をすることも忘れずに。
検索ワード例：
ミニマル（minimal）
装飾が少なく、ブログ図解と相性がいい
→ 情報系・SEO記事向け
フラット（flat）
影や立体感が少ない
→ 図解・手順・比較系に使いやすい
ライン（line / outline）
線だけのシンプルなアイコン
→ 文字量が多い図解でもうるさくならない
ステップ05｜全体を整える
最後に全体のバランスを見て整えましょう。
チェックリスト
チェック出来たら完成です。
自分のブログやnoteないで、ガンガン使って慣れましょう！
やりがちなNG事例
ここで、初心者がやりがちなNG例を。
（私もよくやってしまう）
- 文字を詰め込みすぎちゃう（逆にわかりにくい）
- 色を使いすぎちゃう（チカチカする！）
- フォントが多い（戸惑う！）
図解は、まとめて削って整理して。
スッキリシンプルに整えましょう。
イラストの数が多く、色も多いので目がちかちか。
もう少しシンプルな方が、情報を伝えやすいです。
色を絞って、イラストを減らすと、ここまですっきりします。
作った図解を資産化する方法
Canvaで図解を簡単に作成できるようになったら、
次のステップも見えてきます。
- テンプレート化して、保存
- ブログ作業がサクサク
- 自分のための大きな資産に
- ブログ全体の見た目が整う
- ブランド化
- 読者のファン化
- アクセスが増える！
- テンプレートを販売
- noteやBoothで販売することで新たな収益に！
一度作ればこれから楽になるからちょっとだけがんばろう
一度テンプレートを作ってしまえば、その後の自分がとっても楽になります。
記事ごとにゼロから作るのは億劫ですよね。
今日からぜひ試してみてください。
・作成は5ステップ
・時短＆収益化も狙える
・ブログサイトのクオリティup
もしも、それすら面倒な時は、
並盛の図解テンプレートの利用を検討してみてください。
テンプレートはnoteで販売準備中です。
並盛ミニZINEデザインテンプレート販売中！
コメント