【アイキャッチ添削020】はるかわマップ｜フラットデザイン

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

なるほど！当サイトもモノクロが基本カラーなので同じ考え方ですね！

カテゴリーで色分けするのは良いですね！

ではまず、いちとさんのサイトのトップページを見ていきましょう…。

サイトのイメージに合うアイキャッチを作るのが大切です！

メインカラーは「真っ白」と「真っ黒」ですね！

実は「真っ白」の上に「真っ黒」のテキストは目が疲れて読者が読むのやめてしまう配色になります。

記事の文字色はしっかり彩度を落としてあるので大丈夫そうです！

ただ、記事一覧で白黒のアイキャッチが並んでしまうと、目がちかちかして疲れる感じがするのでアイキャッチを変えていきましょうね！

記事一覧のバックがライトブルー系になっているので、アイキャッチもあわせてパステル系のフラットデザインにしていきましょうか！

サイト全体の統一感が出しやすすいので、シンプルが好みのならピッタリですね！

もともと、いちとさんが作られているアイキャッチもフラットデザインに近い形なので作りやすいと思います！

一応みてください！

フラットデザイン用のイラストを入れるのではなく、いちとさん風にシルエットを取り入れました！

よかった！

なんでしょう？

それは、アイキャッチとタイトルでは読者が見る場所が違うからです！

タイトルは検索表示で文字で見られるので、大学院生彼氏～の部分は必須キーワードですよね。

でも、アイキャッチってサイトに来てから見るので、読者はいちとさんが大学院生という事を知った状態の可能性が高いんです。

なので記事一覧で「大学院生」のキーワードを繰り返しすぎるとしつこくなる可能性があるんです。

今回はまだまだ終わりませんよ～。各カテゴリー1枚ずつ作ってみました！

試しに作ってみましたよ！

更にカテゴリーアイコンもフラットデザインに変更してみましょう。

アイキャッチのと併せてカテゴリー別に同じ色にしてみました！

サイトに当てはめてみるとこんな感じ。

貼り付けただけなので記事タイトルがそのままなのは許してください！

ちょっとノウハウ系のサイトっぽくなりましたね！

これはあくまで参考として、いちとさんのデザインのヒントにしていただけたらと思います。

デザインは楽しいのでご自身でもいろいろチャレンジしてみてくださいね！

ブログデザインラボではアイキャッチ添削を常時募集しています！