デザイン

【Canvaで作る】一瞬でイメージが伝わるアイキャッチ画像作成の6つのコツ

前回の記事では、Twitterカードについて書きましたが
今回はそこに表示されるアイキャッチ画像について書きたいと思います。

【設定方法】Twitterカードにアイキャッチ画像表示でクリック率UP!Twitterカードって言葉。知ってますか?ツイートにURLを貼ったときにアイキャッチ画像なんかを自動で表示してくれる機能のことです。これの設定ちゃんとできてますか?この設定できてるかどうかでクリック率も大きく変わるので改めて確認してみましょう!...

私、実はデザインのお仕事をしていた時期があるんです。

いまはすっかり管理職になってしまって、
自分が手を動かすことは減ってしまいましたけどね

そんな私がアイキャッチ画像を作るときにいつも意識してること
デザインのコツをご紹介したいと思います!

スポンサーリンク

Canva(キャンバ)がおすすめ

管理職とは言え、たまーにはデザインや制作の業務もやるので
普段はPhotoshopIllustratorなんかを使ってます。

でもブログのアイキャッチ画像には、Canva(キャンバ)がおすすめです!

無料で使えるグラフィックデザインツール
専門的な知識がなくても簡単におしゃれなアイキャッチ画像が作れます。

Web上のツールなのでソフトをインストールする必要がなくて
どこでも手軽に使えちゃいます!

このあと紹介するアイキャッチ画像は
ほとんどCanvaで作ったやつだよ!

アイキャッチ画像を作る6つのコツ

アイキャッチ画像に求めるものって人によって違うとは思います。

  • おしゃれにしたい!
  • かわいくしたい!
  • クールに!
  • スタイリッシュに!
  • シンプルに!
いろいろあるよねー

サイトのイメージに合わせることも必要だとは思いますが
今回は、TwitterなどのSNSでシェアされたときに目立つ
ということを意識して6つのポイントご紹介したいと思います!

1. 体験レポートはオリジナルの写真を使う

記事のテーマが人気店話題のスポットだった場合
おなじテーマで書かれた記事はもうすでにたくさん存在します。

そんなたくさんの記事の中でオリジナリティを出すためには
自分が撮った写真を使うことです!

オリジナルの写真を使うことで見慣れた印象を与えなくなりますし
記事の内容にリアリティも出てきます!

2. ノウハウ系はイラストやイメージ写真を使う

ノウハウ系の記事に関しては写真を撮りようがない場合もありますよね。

そんなときは写真やイラストでイメージを伝えるようにしましょう!

このアイキャッチでは、小鳥のイラストを使うことで
一瞬でTwitterに関連する情報だということを伝えられてますね!

3. 必ず文字を入れる

イメージ写真だけのブログも見かけますが
アイキャッチ画像には必ず文字を入れるようにしましょう!

画像に入ってる文字は単純な文字よりも視覚的にとらえやすいので
ストレスなく読んでもらうことができるんです。

タイトルはアイキャッチ画像の下にも表示されてますけど
ここの文字はほぼ読まれないと思った方が良いです。

たしかに画像にしか目がいかないね!

4. 文字は大きく短く

そして画像に入れる文字は大きく短くを意識しましょう!

スマホでタイムラインをスクロールしてるところを想像してみてください。

1つのツイートを見る時間は1秒にも満たないはずです。

その短い時間で興味をもってもらうためには
短くシンプルな文章を大きなサイズで表示するのが効果的です。

パッと見ただけでどんな記事なのか分かるね!

5. 使用するカラーは3色まで

これはプロの現場でも言われることなんですけど
使うカラーを増やしすぎるとまとまりがつかなくなるので要注意です。

ブログのアイキャッチ画像は
表示される場所によって大きくサイズが変わるので
3色程度に抑えておくのが無難だと思います!

このアイキャッチだと、グレー・白・緑の3つですね!

ベージュとピンクと茶色が右下にありますよ?
だいたいでいいんだよ!

6. メイン要素は中央部に入れる

アイキャッチの画像サイズ自体はサイトによってバラバラですけど
比率としては16:9の横長が良いとされてます。

でも、Twitterカードに表示されたときには上下左右が切られてしまうので
メインの要素は中央部に入れるようにしましょう!

これ、ホントは画像全体を囲うように縁取りが入ってるんですけど
上下の縁取りは切り抜かれて見えなくなっちゃってます。

べつに気にしてないし!
泣いてなんかないし!

アイキャッチ画像作成に便利なサイト

Canva(キャンバ)でも無料で利用できる素材はたくさんあるんですけど
気に入ったものがないときは無料素材サイトも利用してみると良いと思います。

私が普段よく使うものをいくつかご紹介しておきますねー!

【無料素材サイトいろいろ】
  1. Unsplash
    おしゃれできれいな写真がたくさんそろってます!
    サイトを見てみる
  2. いらすと屋
    ほんわかカワイイ雰囲気のイラスト素材がたくさん!
    サイトを見てみる
  3. FLAT ICON DESIGN
    おしゃれなフラットデザインのイラストです!
    サイトを見てみる
  4. ICOOON MONO
    単色のアイコンイラスト素材。好きな色に変更もできます!
    サイトを見てみる

まとめ

今回はTwitterなどで拡散されたシーンにスポットを当てて
アイキャッチ画像の作り方を解説してみました。

Canvaでは、自分が作ったデザインが保存されていくので
ある程度デザインパターンができたら使い回していくのもいいかもしれませんね!

ただ、あまりおなじデザインが連続しないようにしないと
サイト内で似たようなアイキャッチ画像が連続することになっちゃいますよー

今回ご紹介したポイントはどれもちょっとしたことですけど
意識するだけで出来上がりは大きく変わってきます。

ぜひアイキャッチ画像を作るときに意識してみてください!

少しでも参考になれば幸いでございます!

それでは、また〜

ムズムズ度 ★ ★ ★ ★ ★

【設定方法】Twitterカードにアイキャッチ画像表示でクリック率UP!Twitterカードって言葉。知ってますか?ツイートにURLを貼ったときにアイキャッチ画像なんかを自動で表示してくれる機能のことです。これの設定ちゃんとできてますか?この設定できてるかどうかでクリック率も大きく変わるので改めて確認してみましょう!...