アイキャッチ添削企画21人目は
「きゃんさん」です。
![](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_EFA6B1750EFA-1.jpeg)
よろしくお願いします。
きゃんさんが運営するブログ
「便秘のくすり」では、現役薬剤師のきゃんさんが便秘にお悩みのかたに向けて情報発信をしています。
![](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_1BB4E2D3FA96-1-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_EFA6B1750EFA-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_EFA6B1750EFA-1.jpeg)
記事の内容を反映させるってことですね!
![](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/08/4-1-150x150.png)
実際に文字入れしてみてしっくりこなかったり、余白がなくなるようであれば、文字内容を見直すイメージです。
![](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_EFA6B1750EFA-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_EFA6B1750EFA-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_1BB4E2D3FA96-1-1.jpeg)
今回はうたまるが作成するのではなく、相談しながらきゃんさんに修正してもらいました。
![](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_EFA6B1750EFA-1.jpeg)
ちょっと修正してみたんですが、なんだか文字が多いような気がします…。
\クリックで切り替えられます/
![きゃんさんのアイキャッチ修正版①](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_F9D994AE2107-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_EFA6B1750EFA-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_EFA6B1750EFA-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_170B55FF5964-1.jpeg)
![](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_EFA6B1750EFA-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_0CCD27F6F2C5-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_4F9B186590AB-1.jpeg)
![](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_EFA6B1750EFA-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_9CEF3AB67ED5-1.jpeg)
![](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_EFA6B1750EFA-1.jpeg)
やってみました! なるほど、こうやってバランスとって行くんですね!
\クリックで切り替えられます/
![](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_EF563C5C0B76-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_EFA6B1750EFA-1.jpeg)
余白作りつつバランスを取る…ですね!ぴったり合わせてもずれて見えるんですね。
1文字消して上下の差を減らしてみました!
\クリックで切り替えられます/
![](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_29B727B50687-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_EFA6B1750EFA-1.jpeg)
中央を意識して微調整しました!前よりフラットで優しい印象になった気がします! 文字背景も四角に変更してより揃ってるような気がします。いかがでしょうか?
![](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_65D342369D05-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_EFA6B1750EFA-1.jpeg)
なるほど!文字間隔!
こんな感じでいかがでしょうか?
![](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_BFCF53331D10-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_EFA6B1750EFA-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_EFA6B1750EFA-1.jpeg)
なるほど!夜の空の色ですね!そのままだと埋もれてしまうので、白の影付きにしてみました。いかがでしょうか?
![](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_CD9FE21132CA-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_EFA6B1750EFA-1.jpeg)
文字色はカップの内側の色を使っていたのですが、カップの中でもより濃いドットがあったので、そちらに変更しました!あと、影をカップの縁と同じ色に変更してみました!
![](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_2CED9FF1A8AD-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_EFA6B1750EFA-1.jpeg)
ありがとうございます!そう言ってもらえると励みになります! 今回の要領を忘れないように活かしていきますね。
きゃんさんアイキャッチ添削のまとめ
今回はきゃんさん自身にアイキャッチを修正してもらいました。
アイキャッチ修正完了
![](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_2CED9FF1A8AD-1.jpeg)
テキストは多すぎても少なすぎてもバランスが悪くなります。
- 余白
- 文字間隔
- 文字サイズ
- 情報量
- カラー
バランスが悪いと感じた場合には、まず上記のどれかを修正していきましょう。
次に意識するのは幅や高さが揃っているか。
今回のアイキャッチ添削のように、ラインを引きながらバランスを修正していくと、まとまりのあるアイキャッチが作れます。
![](https://bbd-hack.com/wp-content/uploads/2022/12/IMG_EFA6B1750EFA-1.jpeg)
ありがとうございます!今回作成したアイキャッチに合わせて他のも変更していきます。
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
またなにかわからなかったり、困ったときには気軽に聞いてくださいね!
コメント