デザイン関連

ブログのアイキャッチ画像は重要!魅力的なデザインにしよう

こんにちは、まるいです!

まるい

アイキャッチ画像は重要です

この記事はこんな人におすすめ

  • ブログ初心者で記事に注力→今後はアイキャッチにも力を入れたい
  • アイキャッチに時間を費やしているけれどいまいちピンとこない
  • なんとなくダサい気がする

当ブログはAFFINGER6で作っています[PR]

アイキャッチは商品パッケージのようなもの

アイキャッチ画像もクリック率を大きく左右するポイントとなります。

まるい

言うなれば商品パッケージ(アイキャッチ画像)を見て手に取って(クリックして)もらえるかどうかという事です

例えば、スーパーやコンビニでこんな経験はありませんか?

カップラーメン
長女(Lv.主婦)

このカップラーメン初めて見たけど美味しそうだから買ってみよう

アイキャッチも同じで、まずは

  • 初めて見た人の目にとまるか
  • 2-3秒内容を一読した後にクリックへ繋がるか

という部分が重要になります。

まるい

文字が読みにくかったり、内容とかけ離れた写真が使用されていたらいまいちピンときませんよね。

この記事では、アイキャッチがより魅力的になる方法をお伝えしています

時短のためフリー素材を活用しよう

アイキャッチのデザインも力を入れたい!」という気持ちはとても大事です。

しかし、そちらに時間を奪われた結果

長女(Lv.主婦)

記事を書く時間を削ってしまった

となれば本末転倒。

魅力的なアイキャッチ画像をどれだけ時短で作れるかが勝負です。

そんな時は、フリー素材に頼りましょう!

アイキャッチを魅力的にするためのポイント

まるい

みなさんはアイキャッチに何を入れていますか?

  1. 写真やイラスト
  2. 記事のタイトル

ほとんどの方はこの2つを入れていると思います。

更に目を引くアイキャッチを作るには、次のポイントをおさえておくと効果的です。

POINT

  • フォントを記事のイメージに合わせる
  • 人や動物のフリー素材を使うことで内容をイメージしやすくする
  • 吹き出しや音のフリー素材をアクセントとして使用する

フォントを記事のイメージに合わせる

まるい

フォント選びは重要です

記事:そろばんのはじめ時っていつ?

これは子どもの習い事に関する記事のアイキャッチです。

実際に使用しているのはAです。

子ども関連の記事なのでやわらかめのゴシックフォントを使用しています。

文字の色も真っ黒ではなく少しグレーに寄せることでやさしいイメージになります。

Bの明朝体フォント(黒)と比較すると雰囲気の違いが分かるかと思います。

まるい

Bの明朝体は優雅さ・かしこまった印象を与えるので、この記事のイメージとは少し違いますね

フォントの特徴に合わせると、より伝わりやすいアイキャッチに◎

人や動物のフリー素材を使う

長女(Lv.主婦)

フリー素材って本当に便利!

記事:安過ぎ大丈夫!?ロヂャースの恵方巻

アイキャッチに恵方巻の写真も使われていて、タイトルもしっかりと入っていますが

「恵方巻を食べるひよこ」のイラストをプラスするだけで、より分かりやすく親しみの持てるデザインになります。

POINT

  • キャラクターを統一すると読者の方に覚えてもらいやすい!
  • 自分が「可愛い!」「面白い!」と思えるイラストを選ぼう
まるい

人や動物の素材を上手に使って、伝わりやすいアイキャッチを♬

吹き出しや音のフリー素材を使う

長女(Lv.主婦)

セリフや音文字を付ける事で一気にクオリティUP!

記事:オーケーストアの恵方巻が安くて美味しい!

余力があれば、セリフや音文字の素材を組み合わせると更にクオリティが上がります。

人や動物のイラストに目を引くセリフをプラスしてみましょう。

長女(Lv.主婦)

この記事面白そう

POINT

  • 読者側の立場に立ってセリフを選ぼう
  • 「神!」「嘘でしょ?!」等、短く感情の伝わるワードが◎
まるい

ドドドFONTSは文字の種類が豊富でとても便利です

アイキャッチのクオリティが上がるとサイト全体がおしゃれに◎

おすすめフリー素材3選

長女(Lv.主婦)

このブログで使用しているフリー素材は、ほぼこの3つ!

  1. イラストAC
  2. マンガ文字素材ドドドFONTS
  3. フキダシデザイン

イラストAC【様々なテイストのイラストが集結】

出典:イラストAC

こんな使い方がおすすめ

  • 好きなイラストレーターさんをファン登録しよう
  • ブログで使うイラストのテイストは統一させよう
  • 似たタッチのイラストをいくつか選定しておくと便利

王道ですが、やはりイラストの数が豊富。

お気に入りのイラストレーターさんを見つけて、イラストに統一性を持たせたブログ作りがおすすめです。

イラストACへ行く

まるい

私はきなこもちさんが好きです♬

マンガ文字素材ドドドFONTS【音ワード多数!アクセントに◎】

出典:マンガ文字素材ドドドFONTS
まるい

個人的に一番おすすめのフリー素材です!

先ほど紹介したような

指さしアイコン アクセントにセリフや効果音の素材を入れるという使い方は勿論

指さしアイコン 手持ちのフォントに飽きた→タイトルの一部に文字素材を使ってみるなど

様々なシーンで利用できます。

マンガ文字素材ドドドFONTSへ行く

長女(Lv.主婦)

こんな風に、記事に使う写真にも活用できるよ!

買ってきた全部の恵方巻

フキダシデザイン【丸・四角・叫びまで吹き出しの種類が豊富】

出典:フキダシデザイン
まるい

吹き出し系の素材はおさえておきたいです

吹き出し素材の活用シーンはとても多いので、ブックマークしておくと便利です。

こんな使い方がおすすめ

  • 記事タイトルの背景に
  • イラストにセリフを付ける時に
  • 説明の補助的なワード入れに

フキダシデザインへ行く

まとめ

フリー素材を上手に使って時短で魅力的なアイキャッチを作りましょう。

アイキャッチ画像はあとから気軽に変更できます

まるい

レッツチャレンジ!

この記事が少しでもお役に立ちましたら

下のボタンを1回押してくださると励みになります!

にほんブログ村 地域生活(街) 関東ブログへ
にほんブログ村
  • この記事を書いた人
  • 最新記事

-デザイン関連
-, ,