あ
表現

アイキャッチ

Eye-catch

視線を最初に引き寄せ、内容へ導く役割を担う画像や見出しなどの視覚要素。

意味

アイキャッチとは、広告やウェブページ、記事の冒頭などで、受け手の視線を最初に捉えることを目的に配置される視覚要素を指す。画像・イラスト・大きな見出し・色面などがこれにあたり、限られた一瞬のうちに「読む・見る価値がありそうだ」という期待を喚起する役割を担う。

情報過多の環境では、内容の良し悪し以前に「気づかれるか」が最初の関門となる。アイキャッチはこの入口を設計する要素であり、後続のコピーや本文へ視線を滑らかに受け渡すことが求められる。目立つことそのものが目的化すると、内容との乖離が生じ、かえって信頼を損なう点に注意が必要である。

成り立ち

英語の catch the eye(目を引く)に由来する和製英語的な表現で、日本の広告・編集の現場で広く定着した。紙媒体の誌面設計における「視線誘導」の考え方を出自とし、ウェブやSNSのサムネイル設計へと応用範囲を広げてきた。

アイキャッチとキービジュアルの違い

キービジュアルは、伝えたい世界観を一枚に集約した中核の画で、複数の接点で繰り返し使われることを前提にする。アイキャッチは、その場で視線を止めるための要素を指し、接点ごとに入れ替わってよい。積み上げる画と、その場限りの入口という違いになる。

取り違えると、目を引く画像を毎回作り替えることになり、繰り返しによる記憶が積まれない。反応の数字だけで選び続けるとこの偏りが起きやすい。どの画は変えてよく、どの画は変えないのかを先に分けておくことで、蓄積と反応を両立させる形になる。

キービジュアルの項へ →

アイキャッチとアテンションの違い

アテンションは受け手の注意という状態を指す概念で、アイキャッチはその注意を取りにいく制作物の側の要素になる。狙う対象と、狙うための手段という関係にあたる。注意が向いたかどうかは、受け手の側にしか現れない結果になる。

手段が目的化する場面が分かれ目になる。派手さを競った結果、注意は集まっても内容と噛み合わなければ、直後に離脱される。取った注意を何へ渡すのかまで設計されているかが、手段として成立しているかどうかの目安として働く。

アテンションの項へ →

使いどころ

記事のサムネイル、バナー広告、店頭POP、SNS投稿の一枚目など、受け手が能動的に選別する場面で重視される。制作時は、伝えたい主題とアイキャッチの表現が一致しているか、ブランドの世界観から逸脱していないかを確認することが実務上の要点となる。

実務でのチェックポイント

  • 直近の発信を並べ、社名やロゴを隠しても自社のものだと分かるかを見る。分からないなら反応の型に寄りすぎている。
  • 反応の高かった投稿と、その後の問い合わせにつながった投稿を突き合わせる。一致しないなら入口だけが強い。
  • 画像だけを他人に見せ、何の記事だと思ったかを言ってもらう。返ってきた答えが本文の主題からずれていれば、開いた側は冒頭で肩透かしを食う。
  • 配色・書体・余白の決めごとを一枚の指定として渡す。渡さないまま外注すれば、担当者の好みが毎回入れ替わり、並べたときの印象がそろわない。

よくある誤解

目立てば役目を果たしたと扱われやすいが、注意を取ることと読み進めてもらうことは別の段階になる。内容と離れた強い刺激で引いた場合、期待との差が失望として残り、次の機会に同じ手が効かなくなる。入口の強さは、その先の内容が支えられる範囲までが上限になる。

クリック率がすぐ出るぶん、良い数字の出た型へ寄せる判断が続きやすい。ところが同じ配色と同じ文字組みを繰り返すうち、サムネイルの列に並んだとき自社のものが見分けられなくなる。目を引いた度合いと、誰の発信として記憶されたかは、同じ数字の中には入っていない。

よくある質問

アイキャッチは目立つほどよいのでしょうか?

目立つことは条件の一つにすぎない。注意を引いた後に、内容が期待へ応えられるかまで含めて成立する。内容と離れた刺激で引くと、離脱が増えるだけでなく、次に同じ発信を見たときに信じてもらえなくなる。上限は内容の側が決める。

毎回違うアイキャッチを作ってよいですか?

個々の画は変えてよいが、変えない部分を決めておくことになる。色の使い方、文字の組み方、構図の癖といった共通の要素が残っていれば、画が違っても同じ発信元だと分かる。すべてを毎回変えると、反応は取れても蓄積が起きない。

画像と見出しのどちらを優先すべきですか?

接点によって変わるため、どちらかに固定しない。一覧の中で小さく表示される場面では画の面積が効き、文字が主体で並ぶ場面では見出しの一行が効く。実際に表示される形を確認してから、どちらへ重心を置くかを決める順序になる。

この用語を、デザイン実務から読む

この項目は、ブランディング支援会社 Highlite Inc. 編集部が執筆・監修しています。
← 用語集の一覧へ