ブログやニュースなどで小さく表示されたり、ソーシャルメディアで露出したり、その印象に大きく影響するのがアイキャッチ画像です。クリック率にも大きく影響し、その作成方法や選び方は慎重にしたいものです。

本記事では、アイキャッチ画像(サムネイル)選びやコツについて、参考になるホームページブログを集めてみました。ぜひ参考にして、あなたのホームページを彩ってください。

<目次>
1.配色やレイアウトを工夫する
2.事例から学ぶ
3.ひと目で内容を伝える工夫を
4.向き、表情、配置、色合い、それぞれに意味がある
5.パブリックドメイン画像を探す
6.OGP画像の見え方に気をつけよう
7.サイズごとに変わる印象

1.配色やレイアウトを工夫する

ブログメディア大手のLIGでもアイキャッチ画像の重要性についてふれています。配色に工夫したり、同種類の画像を並べたりするところは、すぐに応用できそうです。

ブログ集客を加速させる、アイキャッチの必要性とデザインパターンについて | 株式会社LIG
LIG

<ポイント>
・フォトショップなどで徹底的にエフェクトをかける。
・配色やレイアウトで魅せる。
・GIF画像でさりげなく気づくアニメを挿入する。

2.事例から学ぶ

ランサーズでは多くの画像作成依頼の案件が掲載されています。なかでも提案作品をオープンにしている依頼は参考になるものも多いものです。「バナー作成・デザイン」というカテゴリーを定期的にチェックしますとデザインの引き出しが増えます。

通販サイトのメインキャッチ画像とサイドの送料無料画像の作成依頼の依頼/外注 | ランサーズ
ランサーズ

3.ひと目で内容を伝える工夫を

クラウドファウンディングのシューティングスターは、アイキャッチ画像によって案件の注目度が変わる重要性を伝えています。案件の雰囲気や誰に注目してもらいたいのかを凝縮して表現する重要性を訴えています。

一目で興味を引く!アイキャッチ画像の制作チェックポイント | ShootingStar (シューティングスター) BLOG
シューティングスター

<ポイント>
・プロジェクト(記事)を誰に見て欲しいかを考える。
・添えるフォントやマークにもこだわる。
・街の看板にヒントがある。

4.向き、表情、配置、色合い、それぞれに意味がある

話題に上っているホームページを紹介するはてなブックマーク。そのアイキャッチ画像はやはりインパクトがあり、参考になります。Googleの画像検索を使うと、いろいろなアイキャッチ画像が見つかりますが、さらにオススメなのは顔などテーマを絞ることです。人の顔はインパクトがありますが、その評定や向き、配置によっても印象が異なりますので参考にしましょう。

site:b.hatena.ne.jp - Google 検索
hatena

<ポイント>
・まずは顔だけをシンプルに見せる、余計な背景は極力カット。
・中央配置でこちらを見つけるレイアウトが最もインパクトがある。
・有名人がインパクトがあるが、表情1つでそれにも勝る誘引。