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

【#18 アイキャッチ講座】読者の目を引く|テキストの配置と文字装飾

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

アイキャッチ添削企画18人目は「はろさん」です。

はろ

よろしくお願いします!

はろさんが運営するブログ「ハロブログ」では、子どもと楽しく過ごすヒント、生活のヒントになるような情報を発信されています。

うたまる

記事を読んでからミラブルのシャワーヘッドが気になって仕方ありません。

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

当ブログではCanvaで画像を作成しています。

Canva(キャンバ)は無料で利用できる優秀な画像編集ツールです。

有料版にアップデートすると、豊富な素材や画像サイズの変更、背景の透過など、編集の効率が格段に上がります。

\30日間無料でお試し/

30日以内に解約すれば追加課金なし

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

目次

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

今回はうたまるが添削して画像を作成するのではなく、お悩みの相談をしながらはろさん自身に修正をしてもらいました。

うたまる

アイキャッチのお悩みについて聞かせてください。

はろ

客観的に見て、どうか?うたまるさんならどう魅せるか?教えてほしいです。いつも、直感だけで行ってるので…。
ブログ内でバラバラにせず、揃えたほうが良いのか…迷走してます

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

おしゃれで可愛いので、このままのテイストでいいと思います!統一感を考えるなら、今みたいに商品レビューは写真、その他はイラストとかで分けても良さそうですね。

はろ

ありがとうございます!

金魚のイラストのアイキャッチの修正

はろさんのアイキャッチ
はろ

直した方がいいところはありますか?

うたまる

まずは金魚のほうからいきますね。大きな修正はないですが、細かいところを言うと「奈良金魚ミュージアム」が上に詰まってるので、少し下げてセンターを意識すると良いですね。

はろ

センター_φ(・_・
なるほど…!!

うたまる

「料金は?〜情報まとめ」の文章が少し長いので「料金は?予約は?」を別に分けると見やすくなります。
奈良金魚ミュージアムの下には「子連れが知りたいまとめ」だけを書いてみてください。

はろ

「料金は?」と「予約は?」のところはどうしたら良いと思いますか?

うたまる

「料金は?」「予約は?」は補足なので、吹き出しをつけて別のところに書いてもいいかも。

はろ

吹き出し?!

うたまる

金魚に吹き出しをつけて喋らせる感じとかですね!

はろ

吹き出しが目立ちすぎる??笑

はろさんの修正版①
うたまる

いい感じですね!もし、吹き出しを小さくするなら、料金と予約を分けるのもアリです。

はろ

金魚1番が1匹でしゃべっていーのかな?笑
金魚2番と分けた方がよいかな??

はろさんの修正版②
うたまる

今回の場合だと1匹でいいと思います!
画像によってはバランス見て分けても良いかなって感じです。

はろ

うたまるさんは、吹き出しって丸と三角で作ってる??
バッチリ合うのいつも、みつけれへん。

はろさんの修正版③
うたまる

場合によるかなーって感じです!
吹き出しで探す時が多いですが、自分で作るときもあります。吹き出しで合うやつ見つけるの僕も苦手なんです…

「子連れが知りたい情報まとめ」は少し字間広げても良いかも!

はろ

うたまるさんで、そーなら…難易度高い!笑
形が可愛いくても、三角部分が変な所とか…笑

どーでしょうか?

はろさんの修正版④
うたまる

可愛いと思います!
いい感じです!

ミラブルシャワーヘッドのアイキャッチを修正


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

ミラブルのクオリティも良い感じですね!

文字色が黒だと印象が強いから、グレーに寄せると見やすくなりますよ。シャワーヘッドの画像があるので、シャワーヘッドって言葉はなくてもスッキリ伝わりそうですね。

はろ

ミラブル…文字をグレー_φ(・_・
了解です!!!
たしかに、グレーのがスッキリかも!

はろさんのアイキャッチ修正版❶
うたまる

柔らかい雰囲気になりましたね。ただ、敏感肌の文章が画像にかぶって見えにくいので、白い背景とかを入れるといいかも。

はろ

白背景って、こんなの??笑
薄すぎる??笑
センスないもんで、正解がわからん。

はろさんのアイキャッチ修正版❷
うたまる

そうそう!
「肌」か「使」だけ文字の色変えて見るのも良さそうですね。ダメなら元に戻すくらいの感覚で。
あと、ミラブルplusのplusを少し小さくしたほうがメリハリ出そうだなー!

はろ

plusを少し小さく…(もっと?w)
文字の色かえました!(同系色のがよい?)

はろさんのアイキャッチ修正版❸
うたまる

僕だったらplusはもう少し小さくするかな?
でも、ここは個々の感性だから絶対ではないですよ。

肌の方だけで良さそうだけど、どうかな?

あと試してみて欲しいんだけど、肌以外をゴシック体にするともっとメリハリ出るかも!ダサくなったら元に戻そう!笑

フォントの種類については、こちらの記事を参考にしてください。

はろ

ゴシック体でも沢山あるんやね!どうでしょう?

はろさんのアイキャッチ修正版❹
うたまる

字間を少しだけ広げて肌を少しだけ大きくしてみて、ダメだったら元に戻してみましょー!

はろ

字間はじめて…
目がだんだん、変なるね…笑
こんな感じ??

はろさんのアイキャッチ修正版❺
うたまる

もう少し開けてもいいかも!
あとちょっと右に寄せたいかな!

はろさんのアイキャッチ修正版❻
はろ

肌がズレてるか……笑

うたまる

肌がちょっとズレてるかな。そこは微調整で!
だけど少し変えるだけでもだいぶ変わったね!

はろさんのアイキャッチ|修正前と修正後を比較

今回は2人でやり取りをしながら少しずつ修正していきました。

アイキャッチ修正前後の比較

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

はろさんのアイキャッチ修正前①
はろさんのアイキャッチ修正前②

大きな変更はなかったですが、細かい調整をするだけでも見やすさが上がります。

うたまる

少し変えるだけでもだいぶ変わったね!

はろ

うたまるさん!!
ありがとうありがとう!!
今日から字間テクニック…取り入れるよ!

ブログに関する悩みは、ブログ仲間と一緒に解決するのが最適です。

みんなでレベルアップできるコミュニティ「BLOCO -ブロコ-」を運営しています。

気になる方はBLOCOについてのページを読んでみてくださいね!

はろさんのアイキャッチ添削記事

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

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

コメント

コメントする

目次