【アイキャッチ添削021】Rockfer blog|フラットデザインでテンプレートを作る

みなさん、アイキャッチ楽しく作ってますか?

ブログデザインラボでのアイキャッチ添削もフォロワーさんの中では話題にしてくださる事も増え、「実際に試してみたよ~」と嬉しいお言葉を頂いています。

デザインは楽しくチャレンジしてきたいですね。

さて今回のご依頼は、双子さんを含む3児のママ、ロックさんです!

よろしくお願いします!

ロックさん
ロックさん
どんぐり
どんぐり

こちらこそ、よろしくお願いします!

ロックさんのお悩み
  • 毎月家計簿を公開していくので、テンプレート化したい
  • イラストの選択方法
どんぐり
どんぐり

では、始めていきましょう!

目次

今回の作品

ロックさんの作品

作者   …ロックさん
掲載記事 …【40代共働き5人家族】2021年5月の家計簿公開

掲載サイト…Rockfer blog|ロクファーブログ
双子を含む3児を育てるロックさんが、育児や投資について情報を発信されているブログです!

掲載サイト・記事・アイキャッチは掲載した時点でのものです。現在は変更されている可能性があります。

どんぐり
どんぐり

フラットデザインで作られていて、とても良い出来栄えですね!

ありがとうございます。

ロックさん
ロックさん

フラットデザインの詳しい記事➤【定番デザイン】フラットデザインのつくりかた【ブログアイキャッチ】

アイキャッチ添削開始

アイキャッチ添削を始めていきます!

作品に取り掛かる前に、サイト全体の雰囲気のチェックをします。

フォントの統一

どんぐり
どんぐり

まず気になったところがひとつあります。

はい!

ロックさん
ロックさん
どんぐり
どんぐり

他のフラットデザインの記事とフォントが違っているので、フラットの物だけでも統一したほうがいいですね!

なるほど!

ロックさん
ロックさん
ロックさん作成の投資カテゴリーのアイキャッチ
どんぐり
どんぐり

こちらは角ゴシックになっています。

ほんとだ!

ロックさん
ロックさん
どんぐり
どんぐり

フラットデザインの時は角ゴシックをおすすめしているんですが、ロックさんのサイトイメージなら丸ゴシックのフォントでもいいかもしれませんね!

フラットデザインにおすすめのフォント
フラットデザインにおすすめのフォント

フォントの不一致は次の更新のタイミングで統一しようと思ってました!

ロックさん
ロックさん
どんぐり
どんぐり

これを機にチャレンジしてみてください!

作品の評価

どんぐり
どんぐり

実は…とても言いにくいのですが…。

どうしました?

ロックさん
ロックさん
どんぐり
どんぐり

非常に出来栄えがいいので大きな問題点はありません!

ロックさん
ロックさん
どんぐり
どんぐり

ですのでこの作品をいかしつつテンプレートを作っていきましょう!

よろしくお願いします!

ロックさん
ロックさん

テンプレートをつくる

ここからはテンプレートを作っていきます。

テンプレートは同内容の記事に対して使用して行く事で統一感を出す事と、デザインの時間を短縮する効果があります。

テンプレート化する利点
  • アイキャッチを作成する時間短縮になる
  • サイトやカテゴリーに統一感を出せる

テンプレートの問題点

どんぐり
どんぐり

初めにテンプレートの問題点を知っておきましょう。

ハイ!

ロックさん
ロックさん
どんぐり
どんぐり

テンプレートだと統一感がでるんですが、同じ画像が増えて来ると目立たなくなります。

ふむふむ。

ロックさん
ロックさん
どんぐり
どんぐり

ですので、少し変わったところが目立つように作った方がよいかもしれませんね!

なるほど!

ロックさん
ロックさん
テンプレート化の問題点
  • 同じ構図のアイキャッチが並ぶとマンネリ化し目立たなくなってくる

マンネリ化対策

どんぐり
どんぐり

マンネリ化の対策としては、カテゴリーごとにバックの色を変更するのがおすすめですね!

もうやってまーす!

ロックさん
ロックさん
どんぐり
どんぐり

さすがです!

ふふふ。

ロックさん
ロックさん
どんぐり
どんぐり

ロックさんは「〇年〇月」のところだけ変更して使用したいとの事なので、そこをデザイン化するのも手ですね…!

ほほう?

ロックさん
ロックさん

テキストだけを変更するテンプレートならば、テキスト自体をデザイン化して変化を出す手法もあり。

テンプレート完成!

どんぐり
どんぐり

とりあえずアイキャッチを作ってみました!

楽しみです。

ロックさん
ロックさん

ブタさんの下に影をつけていただいた事で奥行きが出ましたね!

ロックさん
ロックさん
どんぐり
どんぐり

年数と月の所を大きくして毎月の変化が分かりやすいように考えています。

並んだ時に見分けがつかないというのは、実は気になってました!

ロックさん
ロックさん
どんぐり
どんぐり

テンプレートで統一するとどうしても似た感じで固まってしまうんですよね!

テンプレート

テンプレート画像
テンプレート画像
  • どんぐり使用フォント…「UDモトヤシーダB
  • 上段に月を英語の3文字短縮で、下段に年数を配置します
  • 使いやすいように文字は水平に配置
  • 中段に運用報告〇月と分かりやすい説明を入れる
  • 濃いブルーの幅にテキスト幅を合わせて配置します
どんぐり
どんぐり

なるべく簡単に入れられるように、文字は水平を選択しています。

テンプレートだから簡単が一番ですね。

ロックさん
ロックさん
テキストの幅を合わせると綺麗に配置できる
どんぐり
どんぐり

枠をいれていますので、その枠の長さと文字列の長さがあうように配置して頂いたら綺麗におさまります!

わかりました!

ロックさん
ロックさん
どんぐり
どんぐり

イラストは減らしてシンプルに仕上げました。

細かなイラストを減らした事で、視線がばらつかずに年月が目に入ってくるようになったと感じます!

ロックさん
ロックさん
どんぐり
どんぐり

家計簿公開の記事だけがずらっと並んでも、変化が出るデザインですね!

はい!私もCanvaを使っているので、見本を下書きにして作成してみます!

ロックさん
ロックさん
どんぐり
どんぐり

なるほど!ご自身でCanvaで作っておけば応用も効くし、修正も簡単にできますからね!

がんばります!

ロックさん
ロックさん

ロックさんのアイキャッチ添削を終えて

どんぐり
どんぐり

ぶっちゃけ、よくできたアイキャッチなので添削どうしようかと悩みました(汗)

ありがとうございます。

ロックさん
ロックさん
どんぐり
どんぐり

ある意味、テンプレート作成のご依頼でよかった…(大汗)

添削していただいたデザインを、他のカテゴリーにも流用して良いでしょうか?

ロックさん
ロックさん
どんぐり
どんぐり

もちろんです!ロックさんならお洒落な画像がすぐ作れそうですね!

丁寧な添削とてもためになりました。ありがとうございました!

ロックさん
ロックさん

あとがき

どんぐり
どんぐり

ロックさんが添削結果を見本にご自身でアイキャッチを作ってくださいました!

どんぐり
どんぐり

凄くお洒落ですね!

所長ありがとうございます! かなり寄せて作らせていただきました!

ロックさん
ロックさん
どんぐり
どんぐり

スマホで記事一覧を見ても違いがわかるし、良い感じに並んでいますね!

並ぶとカワイイですよね~!

ロックさん
ロックさん

添削結果を参考にご自身でアイキャッチを作って頂けると、とても嬉しいです!

どんぐり
どんぐり

ブログデザインラボではアイキャッチ添削のご依頼を募集しています!

ロックさんの運営するサイト「ロクファーブログ

目次
閉じる