このサイトは記事内に広告を含む場合があります。広告や表現について

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

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

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

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

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

よろしくお願いします!

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

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

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

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

目次

今回の作品

ロックさんの作品

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

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

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

どんぐり所長
どんぐり所長

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

ありがとうございます。

ロックさん
ロックさん

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

アイキャッチ添削開始

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

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

フォントの統一

どんぐり所長
どんぐり所長

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

はい!

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

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

なるほど!

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

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

ほんとだ!

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

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

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

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

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

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

作品の評価

どんぐり所長
どんぐり所長

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

どうしました?

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

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

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

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

よろしくお願いします!

ロックさん
ロックさん

テンプレートをつくる

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

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

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

テンプレートの問題点

どんぐり所長
どんぐり所長

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

ハイ!

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

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

ふむふむ。

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

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

なるほど!

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

マンネリ化対策

どんぐり所長
どんぐり所長

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

もうやってまーす!

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

さすがです!

ふふふ。

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

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

ほほう?

ロックさん
ロックさん

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

テンプレート完成!

どんぐり所長
どんぐり所長

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

楽しみです。

ロックさん
ロックさん

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

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

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

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

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

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

テンプレート

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

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

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

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

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

わかりました!

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

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

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

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

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

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

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

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

がんばります!

ロックさん
ロックさん

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

どんぐり所長
どんぐり所長

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

ありがとうございます。

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

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

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

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

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

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

ロックさん
ロックさん

あとがき

どんぐり所長
どんぐり所長

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

どんぐり所長
どんぐり所長

凄くお洒落ですね!

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

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

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

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

ロックさん
ロックさん

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

どんぐり所長
どんぐり所長

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

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

どんぐり所長のおすすめツール

どこでも、どんなデバイスでも順位チェック

ブログ記事の順位を確認していますか?どんなキーワードが上下しているのか知る事はブロガーでは必須と言えます。

ほとんどの方がダウンロード型の順位チェックツールを使用されていますが、私はコレ。「Nobilista」。クラウド型のチェックツールです。

クラウド型とは、ネット上にあるサーバーにデータが保存されている順位チェックツールです。従って、お家のパソコン以外でも情報にアクセスできちゃうんです。これが想像以上に快適で、一度体験すると戻れなくなっちゃう。詳しい記事を書いていますので是非読んでみてください。

Nobilistaの詳しい記事はこちら >

実は私、Nobilistaの公式アンバサダーをさせて頂いています。使いだしたら超気に入ってしまって、気づいたらアンバサダーになっていました。そんな私が、おすすめする「Nobilista」。今なら7日間無料でお試しができます。クレジットカードなどの情報を入れなくても試せるので、ぜひあなたにも試してほしい。

\場所を選ばない快適さを体験して/

Nobilista公式サイト

当サイト推奨 デザインツール

当サイトでは、ブログ初心者でも簡単・無料で美麗なデザインが作成できる、オンライン画像作成フォーム「Canva」を推奨しています。数万点の素材やフォントが用意されていて、選ぶだけで簡単にプロ並みのデザインを作成する事ができます。これから先、会社員の仕事でも使用する事になるかもしれないほど普及が広まっています。覚えるなら早い方がいいですよ!

当サイトのデザインは、SWELLで再現可能

私はSWELLを2年使用してきました。現在4つのサイトでSWELLを使用しています。
SWELLを使用する理由は、簡単・綺麗・速い
実際このトップページも、SWELLの標準機能だけでデザイン。
お洒落なブログを作りたいあなたにピッタリのWordPressテーマです。
私が実際に使用して実感したSWELLの特徴は以下。

  • 完全ブロックエディタ対応
  • 直感で使える操作性
  • 便利な専用ブロックを多数用意
  • お洒落なトップページが簡単に作れる
  • 最速レベルのページスピード
  • 一度購入すれば複数サイトに何度でも使用可能
  • ユーザーの利便性を考える熱意の運営者
  • SWELLを紹介すればアフィリエイト報酬が貰える(購入者のみ参加可)
  • 販売価格 ¥17,600(税込)

唯一の欠点は価格の高さ。しかしそれは、SWELLがハイクオリティだから。
そして、運営者がとびきりの対応をしてくれる必要経費。

私が実際にSWELLを使用して感じた、本音レビューはこちら

SWELLにはアフィリエイトプログラムがあり、紹介すれば利益を得ることもできます。
よく、「アフィリエイトがあるから紹介しているんでしょ。」と言われますがこれは違います。
惚れ込んだWordPressテーマに、たまたまアフィリエイトがあっただけ。
あなたもSWELLを体験すれば、きっと紹介したくなります。

\圧倒的な操作性を体験せよ/

あなたも今日からSWELLER!

トップページへ戻る

お気軽にコメントください

コメントする

このサイトは reCAPTCHA によって保護されており、Google のプライバシーポリシー利用規約が適用されます。

reCaptcha の認証期間が終了しました。ページを再読み込みしてください。

目次