アイキャッチに〇〇を入れるだけ!シンプルでおしゃれなデザインにする方法

真似するだけ!シンプルでオシャレなアイキャッチをデザインする方法 WordPress

人のブログのアイキャッチはどれもすごく素敵なのに、
いざ自分で作ってみるとなんか違う。なんでだろう。。

こんな風に思ったことはありませんか^^?

そんな悩みをお持ちの方に、質問です!

下の画像のAとB、どちらの記事をクリックしたくなりますか?

当然、Bでしょ!

あずき
あずき

どうしてそう思う?

だってBの方がオシャレでこだわりを感じるよ!
記事もしっかり書かれていそう!

おそらくこの質問を10人にすれば、9人はBのアイキャッチを選ぶでしょう。

理由はこんな感じ。

  • Bの方がおしゃれで好感を持てるから
  • アイキャッチにこだわりを感じると、記事のクオリティも高そうに感じるから

では、どうしてBの方がお洒落に感じるのでしょうか?

アイキャッチをオシャレにする最大のポイントは「余白の使い方」

今日の記事では、余白の上手な使い方を解説します。

あずき
あずき

今日の記事では、真似するだけですぐにオシャレなアイキャッチになる方法をお伝えします!

なお、アイキャッチを作成するためのおすすめソフトのご紹介はこちら⬇︎

スポンサーリンク

この記事はこんな人にオススメ

  • パパっと簡単にオシャレなアイキャッチを作りたい
  • でもどうすればオシャレになるのかわからない
  • いつもなんとなくアイキャッチを作っている

アイキャッチは、『余白』を忘れるとただのパッチワークになる

そもそもアイキャッチは、
『文字+絵+余白』という3つの要素で出来ています。

アイキャッチの構成要素(文字、絵、余白)

この3つの要素のうち、
デザイン初心者さんが忘れやすいのが余白です。

冒頭のデザインをもう一度見てみましょう。

真似するだけ!おしゃれなアイキャッチデザインの作り方

余白の使い方を意識しないと、左のNGデザインのように手抜きの印象を与えてしまします。

一方で余白の使い方の意識した場合の効果がこちらです。

  • 情報が整理されて分かりやすい
  • シンプルなのにオシャレにまとまる

なるほど!余白を上手に使うことで、オシャレだけでなく伝わりやすくなるね!

この記事を読めば、わかること

  • 読者の興味を惹くアイキャッチが作れるようになる!
  • 今のアイキャッチが圧倒的にオシャレになる!
  • 簡単にいろんなデザインパターンを作れるようになる!

アイキャッチがおしゃれになる「余白の使い方」

さっそく結論からお話ししましょう。

アイキャッチの余白にこれを入れるだけで圧倒的におしゃれになります!

  • ①さんかく散らすと、楽しくなる!
  • ②線を入れると、グッとしまる。
  • ③迷ったら、水玉入れてかわいく

、、、どういうこと?

解説していきますね^^

①さんかく散らすと、楽しくなる!

真似するだけ!おしゃれなアイキャッチデザインの作り方
  • デザイン全体に動きを出したい時におすすめ
  • リズムが出て、楽しげな印象になる
  • 線の太さや塗りの色を変えてバリエーションが増やせる

なんだかお散歩に行きたくなるような、楽しげな雰囲気が伝わってくるね!

このデザインで『余白の使い方』を意識していないとこうなります。

真似するだけ!おしゃれなアイキャッチデザインの作り方

見比べると一目瞭然ですね!

さんかくを入れるだけで、デザイン全体に動きが出て楽しい印象を与えます^^

②線を入れると、グッと締まる

真似するだけ!おしゃれなアイキャッチデザインの作り方
  • デザインにメリハリをつけたいときにおすすめ
  • タイトルの下にラインを引くと、強調される
  • かしこさや説得力が増す

線を入れるだけで、かしこそうに見える!

このデザインで『余白の使い方』を意識していないとこうなります。

真似するだけ!おしゃれなアイキャッチデザインの作り方

左のNGデザインは、本当にありがちです。

あずき
あずき

私もよく、Twitterに流れてくるリンクで見かけます。

悪くはないのですが、右のOKデザインと比べると
全体的にメリハリがなくボヤッとした印象です。

③迷ったら、水玉入れてかわいく

真似するだけ!おしゃれなアイキャッチデザインの作り方
  • デザインを可愛らしい雰囲気にしたいときにおすすめ
  • 水玉の大きさや色の数を変えるだけで、印象を変えられる
  • ランダムに配置しても、規則的に配置してもおしゃれになる

写真のゆるっとした雰囲気に合っててオシャレだね!

このデザインで『余白の使い方』を意識していないとこうなります。

真似するだけ!おしゃれなアイキャッチデザインの作り方

これはNGとOKで差が大きいですね。

写真も四角だけでなく、
円やふにゃふにゃで切り取ると雰囲気がガラッと変わります。

45種類のデザインと、掛け合わせで可能性が拡がる!

今日ご紹介した、アイキャッチを簡単にオシャレにする方法

なんと1冊にまとめてくれている本があるのです!

『あるあるデザイン』

  • 45種類ものデザインパターンと、200以上のデザイン例!
  • 見たまますぐに真似できるので、パパっとアイキャッチを作りたい方にぴったり!
  • 組み合わせ方も紹介されていて、さらにオシャレなアイキャッチが作れる!

今回の記事でご紹介したデザインパターンも含め、

45種類ものパターンと200以上のデザイン例が紹介されています。

あずき
あずき

実はこの本に出会うまで、自分のアイキャッチに自信がありませんでした

「シンプルだけどおしゃれなアイキャッチを作りたい!」

と思って自分なりにデザインすると、

  • シンプルになり過ぎて寂しい印象
  • おしゃれにしたい気持ちが強すぎてうるさい印象

のどちらかに偏ってしまい悩んでいました。

でもこの本のおかげで、
ずっと悩んでいたことが一瞬で解決しました!

この本が最高なのは、
見たまますぐ真似できるというところ。

「ブログを書くだけでも大変なのに、
アイキャッチにそこまで時間を掛けられない!」

という方にこそぴったりな本です。

デザイン例の通りに真似するだけで、
圧倒的にアイキャッチがオシャレになります。

今ではこの本なしで、アイキャッチは作れません

「デザイン理論よりも、とにかく手軽にオシャレなデザインが作りたいんだ!」という方は絶対読んでください

アイキャッチを作るときは、
間違いなく一番参考になりますよ^^

おしゃれなアイキャッチデザインの作り方、まとめ

、、、というわけで今日の記事をまとめると

おしゃれなアイキャッチデザインを作るために一番重要なのは「余白の使い方」

アイキャッチが圧倒的におしゃれになる余白の使い方がこちら!

  • ①さんかく散らすと、楽しくなる!
  • ②線を入れると、グッとしまる。
  • ③迷ったら、水玉入れてかわいく

今日ご紹介したデザインの方法は、

おしゃれになるだけでなく、
タイトルの意図が伝わりやすくクリック数の増加にもつながる方法です!

本当に、三角・線・水玉を入れるだけなのでぜひお試しください!

おまけ:Cocoonアイキャッチ推奨サイズは、1280px以上

ちなみに、Cocoonのアイキャッチおすすめサイズはこちらです。

  • ①横2400px × 縦1260px(比率1.91:1)
  • ②横2400px × 縦1350px(比率16:9)

よく、1200px✖️630pxを推奨しているサイトを見かけます。

ただCocoon開発者のわいひらさんは、1280px✖️1280px以上の画像を推奨しています。

アイキャッチには、できる限り大きな画像を設定してください。(中略)今後のことも考えた場合、アイキャッチは1280×1280px以上を推奨します。

引用元:テーマのサムネイルをRetinaディスプレイ対応させる方法(スマホで画像がぼやける対策)
あずき
あずき

私は、2400px✖️1260pxで作成しています

アイキャッチのサイズにお困りの方は、参考にしてみてくださいね^^

by azuki

ブログランキング・にほんブログ村へ

コメント

タイトルとURLをコピーしました