検索順位チェックならNobilista詳しくはこちらの記事へ

【#09 アイキャッチ講座】添削無し?|少しの余白で印象チェンジ

当ページのリンクには広告が含まれています。
アイキャッチ添削記事|momoさん

アイキャッチアドバイス企画の9人目は、私が運営するブログコミュニティにも参加してくれている「momoさん」です。

momo

よろしくお願いします!

momoさんのブログ「Mommy’s Easy Life」では子育てと整理収納について、主婦の目線からわかりやすく発信されています。

うたまる

デザインもおしゃれでマネしたくなるブログなので必見です!

それでは、早速アイキャッチの添削をしていきましょう。

【この記事の著者】 うたまる
  • フリーランスブロガー
  • ブログとHP制作で収益6桁達成
  • 色彩に15年以上関わってます
  • アイキャッチの作成が好き
  •  Twitterはこちら
うたまるです

アイキャッチの作り方については、こちらの記事に詳しくまとめています。

目次

momoさんアイキャッチの確認

今回ご相談いただいたアイキャッチはこちらです。

momoさんのアイキャッチ
うたまる

おしゃれでかわいいアイキャッチですね。すごくいい感じだと思います!momoさん的にはどんなところが気になりますか?

momo

どれも同じようなデザインなので、変わり映えのない写真が並ぶのがイマイチだなぁって悩んでいます。

うたまる

正直に言うと、良いアイキャッチなので直すところがほとんどありません。

momo

えっ、アイキャッチこの感じで良いんですか?

うたまる

強いて言うなら、黒い枠の中の文字が少し詰まっているところが気になるくらいですよ。

momoさんのアイキャッチの改善点

今回の改善点はたった1つ「黒い枠の中に余白を持たせること」です。

アイキャッチは文字が小さく見えるので、文字が詰まっていると読みにくくなります。

うたまる

出来るだけ余白を作ることで、文字がハッキリと読めるようになりますよ。

momoさんのアイキャッチ|お悩みカウンセリング

アイキャッチのお悩みについて、もう少し詳しくお話を聞いていきましょう。

うたまる

アイキャッチを作るときにどんなところで悩みますか?

momo

今まで、何となく記事の内容が伝わればいいかなくらいに思っていたのですが、自分のブログで一覧にすると代わり映えのない写真が並んでいて、イマイチだなぁと思っています。

うたまる

たしかに、決まった形でアイキャッチを作ると統一感は出ますが、変化がなくなるのは気になるポイントですよね。
どんな雰囲気のアイキャッチにしたいなど、イメージはありますか?

momo

子育てと整理収納がメインテーマのブログなので、それを感じられるイメージがいいです。

うたまる

なるほど。何か具体的な色のイメージはありますか?

momo

グリーン(植物)が好きなので、今後ロゴに使っているイラストの葉もグリーンにして、ブログ全体のテーマカラーもグリーン系に変えていきたいと思っています。 アイキャッチもそれに馴染むものにしたいです。

うたまる

グリーン系のナチュラルなイメージが合いそうですもんね。
僕なりのアドバイスをさせていただきます!

momoさんのアイキャッチ|改善案

momoさんのアイキャッチ

momoさんのアイキャッチは、大きく直すところがありません。というより、momoさんのアイキャッチのクオリティが高いので、私のセンスや知識では劇的に変化させるほどのスキルがないのが正直な感想です。

うたまる

ですので、今回はアイキャッチの作成はせずに客観的なアドバイスのみとさせていただきました。

momoさんのアイキャッチ改善案
  • 黒枠の文字の余白を持たせる
  • 黒枠の色を少し薄くして柔らかさを出す
momo

えっ、たったのこれだけで大丈夫なんですか?

うたまる

元のクオリティが高いので、これだけでもかなり見栄えが良くなると思いますよ。

改善点その①|黒枠の文字の余白を持たせる

赤い点線と黒枠の間が少し狭いことと、文字と文字の間がほとんどないので、かなり詰まった印象になっていますね。

momo

改めて見てみると文字が詰まっていますね。

うたまる

文字が詰まると読みにくくなり、読者に読んでもらえない可能性もあるんです。

今回の場合の改善策としては、3パターン考えられます。

余白を作る方法
  • 文字を小さくする
  • 文字数を減らす
  • 黒枠を大きくする

どの方法が1番良いのかではなく、今作成しているアイキャッチのバランスにはどの余白の作り方が良いのかを考えて使い分けてください。

momo

さっそく文字の詰まりを調整してみます!

改善点その②|黒枠の色を少し薄くして柔らかさを出す

ブログ全体の雰囲気をグリーン系などのナチュラルな雰囲気にしていくのであれば、黒のように濃い色よりも少し薄くした色味の方が馴染みやすくなります。

うたまる

黒を薄くしれグレーに寄せるか、くすみのあるグリーンなんかも良さそうですね。

momo

記事内に緑ってのもいいですね!一気にオシャレな感じになりそうです!

うたまる

ブログのデザインがカフェのような雰囲気もあるんで、合ってると思います!

アイキャッチ添削後のmomoさんのアイキャッチ

momo

アドバイスを元に修正してみました!

\クリックで切り替えられます/

momoさんアイキャッチ
momo

余白を作るために、黒い枠を大きくしてみました。
あと、黒から少しだけグレーに寄せてみたので、柔らかい雰囲気になったと思います。

うたまる

本当にすごく良い感じになりましたね!

momo

人のブログを見ると素敵なアイキャッチの人たくさんいるので変えたいと思っていたんですが、せっかく褒めてもらえたので、このままの路線でいこうと思います!

うたまる

そうですね。momoさんの場合は、今の路線でさらにクオリティ上げられるようにしていけば、大丈夫だと思いますよ!

momo

字のバランスって大事ですよね。色々試してみます
!色々とアドバイスありがとうございました!

うたまる

こちらこそありがとうございました!

アイキャッチ添削記事|momoさん

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!

コメント

コメントする

目次