アイキャッチ画像を見やすくするには？「余白」と「キーワード強調」が重要！

図解デザイナーで活躍中の、いけゆうさんのデザイン実践編企画に当選して、アイキャッチ画像にアドバイス貰いましたので、自分の忘備録とブロガーの皆さまへの共有のために記事化しておきます。

この企画に当選しました！

【デザイン実践編企画】
お世話になっております…！
デザイナーの観点からこれまで発信させていただきましたが実践編企画です！抽選で５名様にアイキャッチの改善点を画像付きでコメントさせていただきます！

<応募条件>
①このツイートをRT
②ブログURLをこのリプ欄にリプ

<期限>
10/20(土)まで
↓ pic.twitter.com/cFNhTNdQxN

— いけゆう@図解デザイナー (@ikeyu_design) 2018年10月16日

その当選を経て色々アドバイスを頂いた結果、アイキャッチ作成において大変参考になった次第です。
また、自分でもいくつかアイキャッチ画像をその後も作っているので、大変参考になったので、情報をシェアしたいと思います。

こんな人に参考になります

企画当選した私のアイキャッチ画像ビフォー・アフターを見たい方（自分自身で言うのも何ですが、だいぶ”良い方向へ”変わったと思います！）
「余白」と「キーワード強調」の具体的な事例を知りたい方
効果的で見やすいアイキャッチ画像を作りたい方
ただ、なるべく手間を掛けずに簡単に作りたい方

ブログで稼ぎたい方へ

ちなみに、私はサラリーマンの副業で、ブログで月収120万円を達成してまして、無料記事でその進め方について紹介したりもしています。

【無料記事】副業サラリーマンがブログアフィリエイト始めて18か月目、たった1.8万PVで月120万円稼いだ仕組みと方法・事例を共有

更に！ユースケ、Noteで「秘密をネタバレ」するってよ？！

上記の無料記事では語れない、「秘密」をNoteで暴露しています。
ブログで稼ぎたい初心者の方にもオススメです。

販売から1か月で40部以上を売り上げたNoteです。

・月間120万円の収益は何のジャンルで稼いでいる？
・収益に直結するキーワードを伝授
・稼いでいるエース記事URLは？
・ブログ報酬にブーストが掛かる「掛け算」の特単の秘密とは？

【悪魔的ネタバレ編Note】収益キーワードやエース記事、「掛け算の特単情報」のぶっちゃけ情報を確認

（じっくりと、「数年かけて、ブログを育てていきたい方」はクリックしないでください）

Contents

アイキャッチ画像ビフォー・アフター
- 何ということでしょう～、見やすく、おしゃれなアイキャッチ画像に♪
見やすいアイキャッチ画像を作成できるアプリは？
- おすすめアプリは「Canva」
- 何点か、Canvaで改善要望、アップデートしてほしいこと
見やすいアイキャッチ画像の作り方・ポイント
- まとめ

アイキャッチ画像ビフォー・アフター

何ということでしょう～、見やすく、おしゃれなアイキャッチ画像に♪

ビフォー

↓↓↓
↓↓↓

アフター

こんな感じです。
私はプロのデザイナーではなく、いちブロガーいちアフィリエイターなので、そこまでデザインには凝っていなかったのですが、ちょっとアドバイス頂いただけで、自分でいうのも何ですが、だいぶ良い方向に変える事ができたような気がしています。

いけゆうさんからは、「デザイン実践編企画」として、Twitterで下記のようなアドバイスを頂きました。

【デザイン実践編企画①】
USK( @usk_investment )さんのアイキャッチを拝見しました！(*´ω｀*)
下地等、文字を見やすくする工夫をされていて素晴らしいです！https://t.co/HpsdmsYrDw

上下左右の余白に気をつける
目立たせたいキーワードを強調する

とさらにいいものになると思います！
↓ 続 pic.twitter.com/mKUWELbpCy

— いけゆう@図解デザイナー (@ikeyu_design) 2018年10月22日

この「余白」への意識や「目立たせたいキーワードの強調」が今まで余り出来ていなかったかなーと。
少しフォントの大きさを変えるだけで大分見た目が違うものなんですね！

さらに今回は背景の四角も、白四角から、ジーンズの青色を意識した青い四角かつ透明度を少し設けることで、背景となじませるイメージです。
さらに文字だけだと寂しいので、線一本加えるだけで、だいぶ「デザイン」チックになりました。

その後も、別記事などで、学んだことをもとにしたアイキャッチを作成しています。

私はスマホ版で画像&文字はめて、スマホのカメラロールに画像保存、その後ワードプレスのスマホアプリでアップロードまでが流れです。

スマホだと一文字ごとのサイズ変えはやりにくいです。PCだと簡単に出来そう、、なのでしょうか。

文字サイズを変えるのは最近@ikeyu_design さんから習いました。 pic.twitter.com/WbNmb51ZP8

— USK (@usk_investment) 2018年10月24日

見やすいアイキャッチ画像を作成できるアプリは？

何点か、Canvaで改善要望、アップデートしてほしいこと

ほんとですねー。

一つのテキストボックスの中で、任意の複数の文字を選択して、文字ごとサイズ変更可能のアップデート希望です。

公式にメンションしておきましょう。
ご検討よろしくお願い致します〜！#canvajp @CanvaJapan

— USK (@usk_investment) 2018年10月24日

「任意の一文字ずつサイズを変える」が、サッとできません。
いわゆる「テキストボックスごと」にしか、文字サイズを変えられないので、一行の中で文字サイズを変更するには、テキストボックスを複数用意せねばならない、という厳しい仕様。

また、画像保存するときに、製作している画面と、実際の出来上がる画像ファイルの間で、ちょっとだけ「ズレ」が発生することがあり、そのあたりの調整をお願いしたいです。

この点は、今後のアップデートに期待です！