【アイキャッチ添削023】テルの0→1ブログ|パズルの様なテキスト配置

どんぐりです。

アイキャッチ添削、ご好評いただきありがとうございます!

皆様のあたたかいお言葉が励みになっております。

さて、今回添削していくのは…テルさんの作品です!

テルさんはtwitterでロックさんの添削結果を見て応募してくださいました!

よろしくお願いします!

テルさん
テルさん
どんぐり
どんぐり

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

テルさんのお悩み
  • 文字に色を付けていますがこれが正解なのかいまだに迷っています
  • 全体のデザインのまとめ方が知りたい

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

目次

今回の作品

作者   …テルさん
掲載記事 …【ブログ運営報告】ブログ開設2ケ月目のPV数・収益・記事数他
掲載サイト…テルの0→1ブログ
 「テルの0→1ブログ」は資産形成に役立つ情報をわかりやすく発信されています!

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

ブログ全体のテーマがネイビーなので,アイキャッチもネイビーにしています。

テルさん
テルさん
どんぐり
どんぐり

統一されていて良い感じですね!

ネイビーと相性の良い色を探して黄色をアクセントカラーにしました!

テルさん
テルさん
どんぐり
どんぐり

相性抜群のベストパートナーですね!

もっと綺麗でオシャレなデザインになるように教えていただきたいです!

テルさん
テルさん
どんぐり
どんぐり

がんばります!

アイキャッチ添削開始!

どんぐり
どんぐり

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

よろしくお願いします!

テルさん
テルさん

まずはトップページを見てみよう

テルの0→1ブログのトップページ
どんぐり
どんぐり

少しネイビーが多すぎて重たい印象になっているので、少し減らしたいですね!

なるほど!

テルさん
テルさん
  • 濃い色は重たくなりがちなので使いすぎに注意!

アイキャッチ添削

どんぐり
どんぐり

テキストエリアとイラストエリアは1:1よりも6:4配分にしたほうが綺麗に見えますよ!

そうなんですね!

テルさん
テルさん
6:4の割合のデザイン例
どんぐり
どんぐり

試しにテルさんの作品を6:4に修正してみましょう。

テキストを6、イラストを4の割合にしたイメージ

なんだかスッキリした気がします!

テルさん
テルさん
どんぐり
どんぐり

テキスト6、イラスト4の方が文字がいれやすくておすすめです!

メモメモ!

テルさん
テルさん
  • ブログでは文字が多めになりがちなので、テキスト6:イラスト4の割合配分がおすすめ

添削完了!

どんぐり
どんぐり

ブログ運営報告のアイキャッチを作ってみましたよ!

期待です!

テルさん
テルさん
テルさんの作品
どんぐり
どんぐり

文字をパズル化してデザインのように配置しました!

かっこいいです!

テルさん
テルさん
イメージした四角のエリアにパズルのようにテキストを配置
どんぐり
どんぐり

パズル化する事でテキストの高さをだしてるんですよ。

1行だと高さが低くてちょっとさみしくなるかもしれませんね!

テルさん
テルさん
今回のアイキャッチの概要
ブログ運営報告用のテンプレート

使用フォント
 UDモトヤシーダB

使用カラー

  • メインカラー(ネイビー)|#1C2951
  • サブカラー(イエロー)|#FCDC59
  • アクセントカラー(ホワイト)|#FFFFFF

サイトイメージカラーのネイビー、イエロー、ホワイトで仕上げる
ブログ運営報告の文字をパズル化してデザイン化
数字を大きく目立たせてマンネリ化を防ぐ

テンプレートプレゼント

どんぐり
どんぐり

テルさん、まだカテゴリー別のテンプレート作ってないんですね!

まだ、そこまで記事が書けてないんです。

テルさん
テルさん
どんぐり
どんぐり

ではカテゴリー別に使えるように4色のテンプレートをプレゼントしますね!

カテゴリー別のテンプレートまで!? ありがとうございます!

テルさん
テルさん
どんぐり
どんぐり

先にテンプレート作っておくと、記事に集中できますね!

テンプレート(スカイブルー)

テンプレート(スカイブルー)のイメージ

ヤバいです、、、 めっっっっっちゃくちゃ良いです!!!

テルさん
テルさん
どんぐり
どんぐり

よかった!他の色も用意していますよ!

テンプレート(スカイブルー)の概要
テンプレート(スカイブルー)

使用フォント
 UDモトヤシーダB

使用カラー

  • メインカラー(スカイブルー)|#85BBD6
  • サブカラー(ネイビー)|#1C2951
  • アクセントカラー(ホワイト)|#FFFFFF

テンプレート(イエロー)

テンプレート(イエロー)のイメージ図

イエローもいい!

テルさん
テルさん
テンプレート(イエロー)の概要
テンプレート(イエロー)

使用フォント
 UDモトヤシーダB

使用カラー

  • メインカラー(イエロー)|#E6D282
  • サブカラー(ネイビー)|#1C2951
  • アクセントカラー(ホワイト)|#FFFFFF

テンプレート(ピンク)

テンプレート(ピンク)のイメージ図
テンプレート(ピンク)の概要
テンプレート(ピンク)

使用フォント
 UDモトヤシーダB

使用カラー

  • メインカラー(ピンク)|#E8C0C0
  • サブカラー(ネイビー)|#1C2951
  • アクセントカラー(ホワイト)|#FFFFFF

テンプレート(グリーン)

テンプレート(ライムグリーン)の概要
テンプレート(ライムグリーン)

使用フォント
 UDモトヤシーダB

使用カラー

  • メインカラー(ライムグリーン)|#E8C0C0
  • サブカラー(ネイビー)|#1C2951
  • アクセントカラー(ホワイト)|#FFFFFF

考えていた色が全部揃っテル!

テルさん
テルさん
どんぐり
どんぐり

それはよかった!

添削を終えて

どんぐり
どんぐり

いかがでしたでしょうか。

デザインで迷っていたので本当に助かりました!

テルさん
テルさん
どんぐり
どんぐり

特に運営報告のアイキャッチは自信作です!

想像したよりずっと早く仕上げていただいてホントに驚きました!

テルさん
テルさん
どんぐり
どんぐり

がんばりました!

本当にありがとうございます。

テルさん
テルさん
どんぐり
どんぐり

ぜひテンプレートを使ってみてくださいね!

早くアイキャッチ画像差し替えたいです!

テルさん
テルさん
どんぐり
どんぐり

ブログデザインラボではアイキャッチ添削募集中です!

テルさんが運営する「テルの0→1ブログ」

目次
閉じる