ブログデザイン

【統一感のあるブログへ】アイキャッチ画像のデザインのコツ

アイキャッチデザインのコツ

 

悩む人
悩む人
アイキャッチを作る上で大切なこと、ダサくならないデザインの仕方を知りたい!

 

ブログを読む上で、まず初めに目に付くアイキャッチですがデザインの仕方が分からない方や、画像を作成するのが苦手な方向けに

今回は、アイキャッチを作る上で大切にしていることを4つご紹介します

 

この記事に書かれている内容

  • アイキャッチを作る上で大切にしてほしいこと
  • ペルソナ、イメージカラー、フォントについて

アイキャッチデザインパターンいついてはコチラ

 

http://mofuloveblog.com/eyechach1/

 

アイキャッチのデザインのコツ4つ

 

アイキャッチを作る上でのアイキャッチ画像のデザインの仕方について紹介します

オススメのアイキャッチサイズ、ペルソナ(下記参照)やブログデザインに合わせたアイキャッチ画像の仕方についての紹介です!

 

CANBAverの作り方に関する記事はコチラ!

 

① ブログ用アイキャッチに最適なサイズ、比率は?

 

アイキャッチ画像のオススメサイズは横1200×縦630px

オススメの比率は 16 : 9 です

 

画像を作成した後にサイズを変更する場合は、スマートフォンの編集画面で 16:9 のサイズでトリミングするといいでしょう

できるだけ大きなサイズの方が画像がぼけにくいです

 

②ブログのテーマ(ペルソナ)に合わせよう

 

あなたのブログのテーマはありますか?また、どのようなジャンルですか?

自分のブログのペルソナをイメージすることでブログデザインの統一感が生まれます 

 

ペルソナとは?

ペルソナとはマーケティングでいうサービスや商品を購入してくださるお客様のことです

ブログで例えると、画面越しの読者ということになります

理想の読み手を想像しながらブログを作成するとうまくいくでしょう

 

 

わたしの場合は主に美意識を上げたい20代〜30代の女性なので、主に淡い色(女性らしくう柔らかい色)を使用しています

副業がしたい男性がターゲットの場合は白、黒、グレーなど無彩色のモノトーンを使用すると無駄がなくスタイリッシュな印象になります

 

主婦の方に向けたポイントサイトの紹介ブログなどにはナチュラルなニュートラルトーンを使用するとほっと落ち着くような印象になります

 

このように、自分のペルソナに合わせたデザインにすると読者に読まれやすくなります

 

③ 色味(トーン)とフォントを合わせよう

 

アイキャッチとなんの関係があるの?と思う方も多いと思いますが、アイキャッチはブログの顔です

色味の統一感があるとブログのイメージや自分の読んで欲しいペルソナと合致しやすいです

 

 

 

色にはトーンと呼ばれるものがあります

色の明るさを表す「明度」と色の鮮やかさを表す「彩度」を組み合わせた度合いのことをトーンと言います

 

わたしの美容ブログの場合は、主に淡いピンクで構成されているので

ペールトーン、パステルカラーでアイキャッチ画像を作成しています

 

 

 

このような感じで作成しています( 作成ツールはCanvaです )

 

また、ジャンルごとに色を変えたりするのもオススメです

前回の投稿した記事と色味がかぶらないようにすると目立ってわかりやすくなります

 

あまり使用している色が多すぎると、視覚的にごちゃつきやすいので使用する色は2色〜3色にしましょう

 

④ アイキャッチのフォントも揃えよう

 

アイキャッチ フォント

 

アイキャッチでもフォントも揃えておくと統一感が生まれます

ゴシック調だと柔らかいイメージ、明朝体だとかっこいいイメージになります

せのびゴシックのような縦長のフォントで文字と文字の隙間ができるとお洒落な印象になりますよ

 

見出しの部分は見やすいように太文字にすると見やすく目立ちやすくなります

 

 

個性的なフォントにすると他のブロガーとの差別化できますが、

文字が多くなると見えにくくなったり、文字が潰れてしまい読めなくなるので注意しましょう

 

 

アイキャッチデザインで大切にすることまとめ

 

  • ブログ用アイキャッチオススメのサイズは16 : 9
  • 自分のブログのペルソナ合わせてデザインしよう
  • アイキャッチの色味を合わせよう
  • アイキャッチのフォントを合わせよう

 

今回は、ブログ用アイキャッチ画像を作る上で大切なことについてお伝えしました

ペルソナを意識してアイキャッチを作ることで、回遊率も上がりGoogleの評価もアップするでしょう

色味やフォントを揃えることでブログ全体の統一感が生まれ見やすくなります

 

ブログ用アイキャッチの簡単デザイン3パターン

 

http://mofuloveblog.com/eyechach1/