アイキャッチ添削企画21人目は
「ポンさん」です。
![](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_82B31428B89D-1-e1670316391169.jpeg)
お願いします!
ポンさんが運営するブログ「ポンブロ」では、3児のママだからこそわかる子ども達と楽しく安全にキャンプができる情報や、キャンプ用品についての内容が充実しています。
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
実体験が満載で、子育て中のキャンパーには特におすすめのブログです。
アイキャッチの作り方については、こちらの記事に詳しくまとめています。
![](https://bbd-hack.com/wp-content/uploads/2022/12/B.B-Design-Hack-アイキャッチ-47-300x158.jpg)
ポンさんのアイキャッチのお悩みを確認
今回見させていただいたアイキャッチはこちらです。
![ポンさんのアイキャッチ](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_9ABA56036D01-1.jpeg)
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
雰囲気があって、おしゃれなアイキャッチですね!
作成するときってどんなところで悩みますか?
![](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_82B31428B89D-1-e1670316391169.jpeg)
ありがとうございます!
使う素材や文字の配置、バランスの取り方が難しいです。
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
今回のアイキャッチで言うと、左右2つのブロックに分けて考えると良いと思います。
1枚のアイキャッチを左右に分割して考える
![](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_6087AD8CF6FD-1.jpeg)
割合は6:4に分けるとバランスが良く見えますが、今回のアイキャッチの場合は7:3の割合でもOKです。
![](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_82B31428B89D-1-e1670316391169.jpeg)
7:3で大丈夫な理由はなにかあるんですか?
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
今回の場合は、左側が「記事の内容」で右側が「ブログ運営者についての内容」と役割が違うからです。
赤い線で区切ってみると、左右それぞれが少し偏った配置になっているので、配置のバランスを見直していきましょう。
配置のバランスを修正
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
右上の丸が少し右に寄っているので、少し左に寄せてセンターを意識するとバランスが良くなります。
![](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_2686.jpg)
![](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_82B31428B89D-1-e1670316391169.jpeg)
たしかに線を引いてみると丸の位置が右によってますね!
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
左右で分けて考えたからズレたので、1枚のアイキャッチとしてみれば気がつきにくいポイントですよね。
下に書いてある文字が四角を意識した配置になっているので、こちらも一緒にセンターラインを合わせていきましょう。
![](https://bbd-hack.com/wp-content/uploads/2022/12/ブロック-のように組み合わせる-6.png)
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
全体のバランスを見ながらにはなりますが、文字の色を一部分変えても良さそうですね。
![](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_82B31428B89D-1-e1670316391169.jpeg)
なるほど!バランスの調整やってみますね!
テキストの情報量を整理する
今回のアイキャッチでは記事内容の情報と、運営者の情報が入っているので、どうしても情報量が多くなります。
アイキャッチでは、情報が簡潔に伝わるように意識しましょう。
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
アイキャッチの文字は多すぎると伝わりにくくなりますよ。
![](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_82B31428B89D-1-e1670316391169.jpeg)
少なくしたほうが良さそうですか?
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
1番伝えたいことを整理して書くと、もっと良くなりそうですね!
読者の目を惹くアイキャッチにするには、1番伝えたいことがどこなのかを明確にしましょう。
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
他になにか気になることはありますか?
![](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_82B31428B89D-1-e1670316391169.jpeg)
アイキャッチの色について聞きたいです!
アイキャッチの色彩バランスについて
![](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_82B31428B89D-1-e1670316391169.jpeg)
色味はグレーベースのニュアンスカラー系を使用したい。でも、多様するとサイト自体暗くなりすぎるかも、、、って思っています。
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
グレーばかりだと確かに暗くはなりますが、目指す雰囲気としては良いと思いますよ。
![](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_82B31428B89D-1-e1670316391169.jpeg)
ありがとうございます。
アイキャッチは明るめの方がよいとかありますか?
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
明るい方が良いというわけではないのですが、もう少しグレーじゃない方のカラーの比率が増えても良いかなって感じですね。
![ポンさんのアイキャッチ](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_9ABA56036D01-1.jpeg)
今のままでも十分おしゃれなアイキャッチですが、明るめにする場合であれば、グレーの比率を下げた方が明るく見えます。
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
ちょっと修正したアイキャッチを作成してみたいのですが、どんな感じのイメージとかありますか?
![](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_82B31428B89D-1-e1670316391169.jpeg)
カッコ可愛いサイトにしたいので、それに合わせてアイキャッチも作りたいです。
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
わかりました!ちょっと作成してみますね。
アイキャッチ作成案
全体的な雰囲気がおしゃれだったので雰囲気を壊さないように、以下の3つのポイントのみを意識して修正してみました。
- 配置のバランス
- 文字サイズの調整
- グレーの比率を減らす
アイキャッチの作成案
\クリックで切り替えられます/
![ポンさんアイキャッチ](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_9ABA56036D01-1.jpeg)
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
基本ベースは崩さずに、バランスを調整してみました。こんな感じはどうですか?
![](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_82B31428B89D-1-e1670316391169.jpeg)
うたまるさぁーん!!
すごい!!めちゃステキなアイキャッチになってますー!見え方が全然ちがいますね!!
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
良かったですー!ありがとうございます!
記事内容のところに目線がいきやすいように、太めのラインを入れてみました!
![](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_82B31428B89D-1-e1670316391169.jpeg)
参考にしてみます!!
もしお時間大丈夫であれば、ひとつ質問が…
持ち物リストの横の素材を貼るのって、 やっぱりこーゆーシンプルな素材でいったほうが良いですか?
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
絵の素材を入れてもいいと思いますよ!せっかくなので、違う雰囲気もどうかなって思って変えただけなので…
![](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_82B31428B89D-1-e1670316391169.jpeg)
絵バージョンも大丈夫なんですね!よかったです!うたまるさんのマークバージョンも使わせてもらってもいいですか??
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
もちろんです!ぜひぜひ使ってください。
![](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_82B31428B89D-1-e1670316391169.jpeg)
ありがとうございます!
入れるなら一個くらいにしておいた方が良いとかありますか??
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
上の文章の横幅と合わせてるので、文字数によっては2つ入れても大丈夫です!
![](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_82B31428B89D-1-e1670316391169.jpeg)
ありがとーございますー!
すみません、絵を2個いれるときは反対側にですか??文字を挟むような感じで??
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
2個入れるなら挟む方がいいと思いますよ!あまり詰めるとごちゃごちゃするから、その辺りはバランスを取りながらって感じですね。
![](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_82B31428B89D-1-e1670316391169.jpeg)
わかりました!ありがとうございました!
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
こちらこそありがとうございました!
添削後のポンさんのアイキャッチ
![](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_82B31428B89D-1-e1670316391169.jpeg)
添削してもらった時とはサイトの色が変わって、色味合わなくなったので色味を変更しました!
![ポンさんのアイキャッチ](https://bbd-hack.com/wp-content/uploads/2022/12/ブロック-のように組み合わせる-10.png)
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
色味変わってさらにかわいい雰囲気になりましたね!
![](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_82B31428B89D-1-e1670316391169.jpeg)
ありがとうございます!
今回アイキャッチ添削をしたポンさんの記事はこちらからお読みください。
ブログに関する悩みは、ブログ仲間と一緒に解決するのが最適です。
みんなでレベルアップできるコミュニティ「BLOCO -ブロコ-」を運営しています。
気になる方はBLOCOについてのページを読んでみてくださいね!
![](https://bbd-hack.com/wp-content/uploads/2022/09/B.B-Design-hack-アイキャッチ-7-300x158.png)
コメント