アイキャッチ添削企画21人目は
「きゃんさん」です。
きゃんよろしくお願いします。
きゃんさんが運営するブログ
「便秘のくすり」では、現役薬剤師のきゃんさんが便秘にお悩みのかたに向けて情報発信をしています。
うたまる薬剤師さんからのお話なので信頼性抜群のブログで、とてもためになります。
当ブログではCanvaで画像を作成しています。
Canva(キャンバ)は無料で利用できる優秀な画像編集ツールです。
有料版にアップデートすると、豊富な素材や画像サイズの変更、背景の透過など、編集の効率が格段に上がります。
＼30日間無料でお試し／
30日以内に解約すれば追加課金なし
アイキャッチの作り方については、こちらの記事に詳しくまとめています。
きゃんさんのアイキャッチのお悩みを確認
今回見させていただいたアイキャッチはこちらです。
うたまる可愛くてわかりやすいアイキャッチですね！
さっそくですが、アイキャッチを作る時にどんなところで悩みますか？
きゃんありがとうございます！
どこまでの情報をアイキャッチに詰め込むかが悩みどころです。
うたまる記事タイトルをそのまま入れるよりも、記事のメリットが伝わる書き方がおすすめです。
きゃん記事の内容を反映させるってことですね！
うたまるそうですね！タイトルを入れるのが悪いわけではないですが、読者が見て、メリットがありそうだと感じてもらえると良いですね。
アイキャッチのテキストは読者にメリットを感じさせる内容にする
記事の結論を書く必要はありませんが、主張したい部分がわかりやすく伝わると理想的です。
- 読者が読むと得られる未来
- 読むメリット
- 記事内容のポイントなど
上記の内容が、文章と画像で伝わるようにしましょう。
うたまる今回の場合では、便秘に効果的なヨーグルトの食べ方は夜のゴールデンタイムということが伝わる内容が良いと思います。
「ヨーグルトを食べる時間」「腸のゴールデンタイム」この辺りを中心にキーワードを考えて作成していきます。
うたまる実際に文字入れしてみてしっくりこなかったり、余白がなくなるようであれば、文字内容を見直すイメージです。
きゃん余白埋めすぎないように、アイキャッチに入れるワード考えてみます！
うたまる記事内容が想像できる単語を活かすようにやってみてください。ちなみにどんな感じのアイキャッチにしたいとかはありますか？
きゃんポップで親しみやすい印象で、なるべくテンプレ化したいと思ってます。
うたまるそれでしたら、今のアイキャッチのデザインで問題ないので、デザイン自体の変更はしなくても大丈夫ですね！
きゃんさんのアイキャッチ修正
今回はうたまるが作成するのではなく、相談しながらきゃんさんに修正してもらいました。
きゃんちょっと修正してみたんですが、なんだか文字が多いような気がします…。
＼クリックで切り替えられます／
うたまるたしかに多くなっちゃいましたね。だけど、文字のサイズを変えたり、色を変えてるところは良いですね！
きゃんもう少し模索してみます！
うたまる「ヨーグルトを食べるなら」
「夜がおすすめ」
「薬剤師が教える腸活」
なんてどうですか？
きゃんなるほど！権威性を出してく感じですね！
うたまる「薬剤師が教える腸活」のところは背景色を入れて、サブテーマみたいな感じにしても良さそうですね。
＼クリックで切り替えられます／
きゃん浮き出し→影に変更
「夜」の黄色をヨーグルトの色から抽出してみました！
うたまる良い感じになりましたね！文字数があって余白が取りずらいので、全体的に少し文字サイズを小さくしても良いかも。
うたまる文字の幅を赤い線の幅に合わせてみてください。この方が余白があるのでバランスが取り易いと思います。
あと、イラストも少し小さくしても良さそうですね。
＼クリックで切り替えられます／
きゃん小さくして、イラストをスプーン付きに戻してみました！
うたまる良いですね！赤い線の間に収まる感じでバランス取ってみてください。少しはみ出しても大丈夫です！
きゃんやってみました！ なるほど、こうやってバランスとって行くんですね！
＼クリックで切り替えられます／
うたまるきれいに揃いましたね！こんな感じで揃えていくとバランスが良く見えるんですよ。
人間の目は意外とバランスを正確に見ています。まとまっていないなと感じるときは、どこかが揃っていない場合が多いです。
今回のアイキャッチ添削のように、ラインを引いてバランスを合わせるときれいに揃います。
逆に、合わせるとズレて見えるものがあります。
- 漢字
- 数字
- ひらがな
- カタカナ
- アルファベット
上記のように、文字の種類が違うもの同士の隙間を同じにするとズレて見えます。 揃って見えるように少しズラしながら確認してみてください。
きゃん余白作りつつバランスを取る…ですね！ぴったり合わせてもずれて見えるんですね。
1文字消して上下の差を減らしてみました！
＼クリックで切り替えられます／
うたまる良い感じになりましたね！絶対に全部揃える必要はないので、こことここは揃えて、ここは小さくしようとかってイメージでやるといいですよ。
きゃん中央を意識して微調整しました！前よりフラットで優しい印象になった気がします！ 文字背景も四角に変更してより揃ってるような気がします。いかがでしょうか？
うたまるめちゃくちゃ良いと思います！少しいじってみるとしたら「夜」が浮いてる感じがするので「がおすすめ」の字間を少し広げても良いですね。バランスを見ながらしっくりこなければ今のままでいいと思います！
きゃんなるほど！文字間隔！
こんな感じでいかがでしょうか？
うたまる良いと思いますよー！かなりまとまりましたね！
きゃんありがとうございます！黄色の偏りを分散させるなら月とヨーグルトを入れ替えた方がいいでしょうか？
うたまる月が下にあるのは違和感あるので、上の方がイメージに合うと思いますよ。
色の分散で考えるなら、夜の文字色をネイビー系とかで夜らしくするのもアリかと思います。
きゃんなるほど！夜の空の色ですね！そのままだと埋もれてしまうので、白の影付きにしてみました。いかがでしょうか？
うたまるいいと思います！ヨーグルトカップの内側の色と同じですか？もし、違うなら合わせるともっとまとまるかもです！
きゃん文字色はカップの内側の色を使っていたのですが、カップの中でもより濃いドットがあったので、そちらに変更しました！あと、影をカップの縁と同じ色に変更してみました！
うたまるすごくいいと思います！
きゃんさんは元々センスがあるから飲み込みが早くてびっくりです！多分考え方のコツがわかってきてると思うので、今回の要領で作ってみてください。
きゃんありがとうございます！そう言ってもらえると励みになります！ 今回の要領を忘れないように活かしていきますね。
きゃんさんアイキャッチ添削のまとめ
今回はきゃんさん自身にアイキャッチを修正してもらいました。
アイキャッチ修正完了
テキストは多すぎても少なすぎてもバランスが悪くなります。
- 余白
- 文字間隔
- 文字サイズ
- 情報量
- カラー
バランスが悪いと感じた場合には、まず上記のどれかを修正していきましょう。
次に意識するのは幅や高さが揃っているか。
今回のアイキャッチ添削のように、ラインを引きながらバランスを修正していくと、まとまりのあるアイキャッチが作れます。
きゃんありがとうございます！今回作成したアイキャッチに合わせて他のも変更していきます。
うたまるまたなにかわからなかったり、困ったときには気軽に聞いてくださいね！
コメント