【Canvaで作った】みんなのアイキャッチを集めたら わかったこと

当ページのリンクにはPR・広告が含まれています。
  • ブログのアイキャッチ作りに迷っている
  • そろそろアイキャッチを統一しようかなぁ?
  • どうやったらインパクトのあるアイキャッチが作れるかな?

これらはブログを始めたばかりの人の悩みあるあるじゃないでしょうか。

ブログ初心者の方も、そうでない方も。

みんなのアイキャッチを見て勉強しませんか?

この度、TwitterでCanvaでつくったアイキャッチを見せてくださいと募集してみました。
いろんなタイプのサイトのアイキャッチが集まったので参考になるアイキャッチが一つはあるはずです!
みーんなCanvaで作成されているので、あなたも同じようなアイキャッチが今すぐ作れますよ。

アイキャッチ紹介の方法

ニッキーはデザイン素人なので…デザインのセオリーとか、細かいテクニックは置いておいて、
わかりやすい以下の三つの項目ごとにわけてみました。

あなたのサイトのアイキャッチはどう?
  1. アイキャッチはサイトで統一する? バラバラ?
  2. アイキャッチの画像はイラスト? 写真?
  3. アイキャッチの文字はいれる? タイトル通り? シンプル? それともがっつり変える?

今後のみなさんのブログのアイキャッチ作りの参考になれば幸いです!

目次

Twitterの企画について

今回ご紹介するアイキャッチはTwitterで募集したものです。

Twitterで初の企画をしました。

61RTいただいて、50人以上に参加してもらいました!

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

アイキャッチの画像は

その記事へのリンクになっています。

気になるアイキャッチがあったら、

ぜひぜひサイトに遊びに行ってくださいね。

アイキャッチはサイトで統一する?

アイキャッチを統一すると、サイトに統一感が生まれますね。

【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 64 -

私も一応、カテゴリーでアイキャッチで使う色味を分けています
(育児系はピンク、ガジェット系は青など)
ですが、統一感があるかと言われると…難しいですね。
私の場合アイキャッチを作っているうちに楽しくなって、
ついつい違うレイアウトになってしまいます。

統一する(完全に統一、カテゴリーで統一、部分統一)

統一:左のアイキャッチ以外の記事はすべてレイアウトが統一されています。

【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 68 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 70 -
Pさんのサイト

ほぼ統一:こちらもレイアウトは同じ、周りの点線部分の色をカテゴリーによって変えています。

【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 72 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 74 -
オトさんのサイト

レイアウト統一:単色背景に〇があって、そこに絵や写真を配置。縦文字使いが上手でマネしたい!

【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 76 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 78 -
にこさんのサイト

レイアウト統一:背景は写真で、右に白で同じ文字組み

【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 80 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 82 -
kotaさんのサイト

カテゴリーで統一:ラーメン二郎の記事は同じレイアウトになっていますね

【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 84 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 86 -
Goさんのサイト

レイアウト統一:Storysetのイラスト、イラストの色味もそろえられています

【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 88 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 90 -
リトさんのサイト

キャラクター統一:いろんな表情のキャラクターが楽しい!

【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 92 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 94 -
ねこまるさんのサイト

アイキャッチに自分のアイコンを入れて統一:自分の記事だとすぐわかりますね!

【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 96 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 98 -
とりみどらさんのサイト
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 100 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 102 -
ヤスさんのサイト

レイアウトは統一しない?

レイアウトは個々のアイキャッチで様々ですが、いい感じです。
これがセンスの良さというもの…!

【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 104 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 106 -
kikoさんのブログ

アイキャッチを完全に統一するのは難しいけど、ある程度パターンを作りたいという人にオススメ
ブログのアイキャッチのテンプレートが販売されています。(キラろぐさんに教えてもらいました)

アイキャッチの画像はイラスト?写真?

背景が写真のアイキャッチ

このサイトのアイキャッチも基本的にはメインとなる写真を選んで、
そこに文字が読みやすくなるようにレイアウトを考えています。

【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 108 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 110 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 112 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 114 -

Canvaにはかわいい・かっこいい・映えるだけじゃない。
なにげないオフィス風景・学校の写真も豊富です。

【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 116 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 118 -

一部に写真

背景めいっぱいに写真を使うのではなく、見せたいものだけ写真を使う時につかいますね。
Canvaではフレーム素材をつかうと簡単に写真がきれいな形になりますよ。

【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 122 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 124 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 126 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 128 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 130 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 132 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 134 -

イラスト

画像にイラストをつかっていて、単色背景にイラストと文字という構成のものが多いです。

このテイストは最近、会社のコラムやサイトでもよく見かけます
同じところのイラストを使うことで、簡単におしゃれ・統一感がだせていいですね。

商品レビューなどでアイキャッチで写真をつかいたい私には、導入は難しそう。。。!
でも、コラム・指南系の記事ならアイキャッチをイラストで統一するのはオススメです。

【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 136 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 138 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 140 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 142 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 144 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 146 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 148 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 150 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 152 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 154 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 156 -

イラスト 参考サイト・Canvaでのイラストの選び方

この方のNoteにはブロガーさんたちが御用達の
ちょっとおしゃれなイラストサイトが載っています

【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 64 -

自分でイラストが描けない勢としては、
簡単に色が変えられる素材というのは有難い限りですね。

上記のサイトで紹介されているのは外部のサイトですが、Canvaでもイラスト素材は充実しています。
なかなか目当てのイラストが探せないときは、日本語だけでなく英語でも検索してみると見つかるかも。
サイトでアイキャッチを統一させたい場合は、画像の同じ作者・似たイラストを選択するといいですよ。

Canvaに入っている”人”のイラスト使っているアイキャッチ
素材によっては、自分で色が変えられます

【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 164 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 166 -

アイキャッチの文字はタイトル通り?

画像の次は、文字に焦点を当てたいと思います

ニッキーはアイキャッチに記事のタイトル通りに文字を入れてきました。
それには一応、2つ目的があります。

・その名の通り目を引く(アイキャッチ)画像に、文字で情報を入れたかったから。(よくばり)
・記事をPinterestに自動投稿する設定にしてありPinterestで見てもある程度内容のわかるアイキャッチにしたかった

でも、今回いろんな人のアイキャッチを見て学ぶことがありました。
文字をいれることは必須ではないし、全然違う文字を入れてもいいんだなーと思いました。

では見てみましょう!

文字入れしない派

【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 168 -

超少数派?っぽいです。

このアイキャッチも厳密にいうと文字は入っているのですが、著者のひだまりーぜさんの名前と「New York」だけですね。(これも絵の一部かな)

額縁をテンプレとして使っていて、額縁の中の絵はひだまりーぜさんが書いているそうです!すごい!

記事タイトル通りに文字入れ

ニッキーと同じスタイルですね(親近感)
長い文章でメリハリをつけたい場合は、途中でフォント・大きさ・色を変えてみるのもいいですよ。

【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 170 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 172 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 174 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 176 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 178 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 180 -

記事タイトルよりシンプルに文字入れ

要点だけ!をいれる派ですね。文字の情報量が少ない分、圧倒的なわかりやすさがあります。
私がタイトル通りにしか文字入れできないのは、この要約センスがないからかっ…!

【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 182 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 184 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 186 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 188 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 190 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 192 -

記事タイトルと文章をがらっと変える

あえて、記事タイトルとは全然違う文章をいれているアイキャッチです。
Pinterestの画像なんかは、タイトルとは全然変えていくパターンが多いですよね。
是非、タイトル(小さくてすみません)とアイキャッチを比較してみてください。

【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 194 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 196 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 198 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 200 -

アイキャッチはこだわるべき? ⇒ 初心者こそ見た目にこだわるべき!

アイキャッチだけのことではありませんが…

よく、デザインにこだわったらいけない、とにかく100記事書け!って言われますよね。
間違っていないと思います。でも書くだけでもいけないと思います。

例えば…
いいなーと思っている商品のサイトに行ってみたら、すごく昔のHPのようなデザインだったらどうしますか?
「あ、やっぱり買うのやめようかな」となりませんか?

デザインは信頼性に関わります

個人ブログの場合は、会社のHPほどこだわる必要ないかもしれませんが、
おしゃれなサイト、読みやすいサイトのほうが読者から高評価を得られることは間違いないですよね。

なかじ先生はこうおっしゃっています

アイキャッチを簡単にかっこよくつくるならCanvaだ!

いい点
悪い点
  • 無料で使える!
    (一部素材機能は有料)
  • フォント・無料画像がたくさん(わざわざ素材を探しに他のサイトにいかなくてよい)
  • おしゃれなテンプレートがたくさん
  • ブラウザで動くのでどの端末でも、スマホでも作業できる
  • 最近、無料で使える画像が減ったとのうわさ
  • 画像編集ソフトと比べて
    レスポンスがいまいち
  • 部分ぼかし機能がない!

実際にデザインの仕事をしている友人にCanvaの使い心地について聞いたところ

【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 204 -友人

すごいね、こんなに簡単に作れるならデザインの仕事がなくなりそう。
私? 私はアドビのほうが早く作れるから使わないけど。

「つかわないんかーい」と心の中で思ったことは置いておいて…。

Canvaでのテンプレート・素材にはどんなものがあるか見てみましょう。

テンプレートをそのまま利用したそうです!
おしゃれ!

【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 208 -

これもほぼテンプレート通りだそうです!
イラストは色が変えられそうなので
使い勝手がよさそうですね

【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 210 -

はむおさんのサイト 個々のアイキャッチにもこだわりが感じられます。トップの動画もCanvaで作ったそうです!

【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 212 -

こういう画像をはめ込みやすいPC、スマホ、額縁の
素材も多くあります

【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 214 -

こちらはスマホ画面に埋め込んでいますね

【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 216 -

Canvaは無料版でいい? 有料版(プロ版)にすると何ができる?

Canva有料版(プロ版)でできること
  1. 使えるテンプレート・素材が増える!(40万点以上)
  2. 使える機能が増える(背景リムーバー、フィルターなど)
  3. ブランドキットが使える(よく使う色、フォントを登録して簡単に呼び出せる)
  4. デザインのサイズ変更が簡単
  5. 写真をフォルダー管理できる

素材が増えるのが一番いいところかもしれません。
ですが、外部からイラストをとってきてアイキャッチを統一するのであれば、
有料版の機能はほとんど使わないでしょうし、無料版で十分だと思います。

実は、動画の素材のほうがお得な感じがあります。
フリー画像は写真はO-DANなどで簡単に探すことができますが、
品質のいい動画素材は、実は無料で探すのが大変です。
(今回はアイキャッチ画像作成なので関係ないですね)

私のインスタアカウント、全部Canvaの動画素材でつくっています

有料版の機能面は、背景リムーバーをつかったアイキャッチをイチオシします

背景リムーバーを応用すると、
影を付けたり、縁取りしたりできます

【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 222 -
【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 224 -
【いい?微妙?】Fitbit Sense 購入後1カ月レビュー。 Versa 3との比較も! | Ask Nikkie

Canva Proは30日無料お試しできます

【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 226 - 【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 228 -

まとめ みんなのアイキャッチを集めたらわかったこと

Canvaで作った、50以上のアイキャッチを紹介しました。

みんなのアイキャッチを集めたらわかったこと ⇒

同じCanvaというツールで作ったのに、みんな個性的なアイキャッチ

しょうもない発見かもしれませんが、本当に色々だなぁと、
小さい画像にまとめたアイキャッチたちを眺めてほっこりしていました。

そんな発見では申し訳ないので、
今回はみんなのアイキャッチを3つの切り口で見てみました。

アイキャッチはサイトで

 ①統一する
 ②一部統一
 ③統一しない

アイキャッチの画像

①背景写真
②一部写真をいれる
③イラスト

アイキャッチの文章

①文字なんていらん!
②タイトル通りに文字入れ
③シンプルにする
④タイトルなんて関係ない

あなたはどのタイプでしたか?(私は②ー②ー②でした!)

アイキャッチに悩んでいる人が 参考にしたいアイキャッチ、アイディアが見つかったら幸いです。

ブログ初心者でも、アイキャッチをはじめとしたサイトの見た目に力をいれることをお勧めします
なぜなら、人はちゃんとしたデザインのサイトのことを信用しがちだからです。(逆もしかり)
Canvaなら豊富なテンプレートからプロのデザイン技を真似することができますよ。

【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 230 -

まだ、使ったことがないかたは、是非!無料版を試してみてください!


【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 234 - 【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 236 -

追記:アイキャッチを作るときに役立つサイト集

これだけでアイキャッチ作成の基本は完璧なんじゃないかというほど、
写真・文字の入れ方が実例たっぷりで紹介されています

こんなにたくさんのテンプレートが2000円以下でつかえるんですか?!
主に写真を使いたい人におすすめテンプレート集です。

こちらも100種類以上のテンプレートを販売しています!

【Canvaで作った】みんなのアイキャッチを集めたら わかったこと 64 -

テンプレート集は
サンプルを見ているだけでもインスピレーションが湧いてきますね!

目次