読んでもらうサムネイルを作るために必要なこと
こんにちは、むらくもです。
制限解除されたので、サムネイル作りリベンジしてみました。
サムネイル作りに迷走している方に、是非見ていただきたいです!
良ければ前回のとリベンジに至った経緯を綴った記事も併せてご覧ください。
📌前回
📌リベンジに至った経緯
まず「読んでもらえるサムネイル」の定義をハッキリするためにAIに聞いてみました。
以下が回答です。
1.スマホのサイズでも一瞬で伝わる「視認性」
noteのトラフィックの大半はスマートフォン。
タイムラインをスクロールする読者の指を止めるには、約0.5秒で情報を認識させる必要がある。
文字数の絞り込み: サムネイルに入れるテキストは10〜15文字以内が理想。
タイトルをそのまま全て入れ込むのは避ける。
強烈なコントラスト: 背景色と文字色の明暗差をはっきりさせる。
セーフゾーンの意識: 画像の端はnoteのシステムアイコンや余白で削られることがあるため、重要なメッセージは中央に配置する。
2. クリックした先の「ベネフィット(得られる未来)」の明示
読者は「この記事を読めば自分の悩みが解決するのか」、「自分にとって得があるのか」
だけを気にしている。
具体的な数字の活用: 「3つのステップ」「〇〇時間で完了」「収益〇〇円」など、数字を入れることで説得力と具体性が増す。
ターゲットの言語化: 「〇〇で悩んでいる人へ」「〇〇初心者が陥る罠」など、特定の誰かに刺さる言葉選びをする。
3. タイトルとサムネイルの「役割分担と連動」
タイトルとサムネイルに全く同じ言葉を入れるのはアピールの枠を無駄にしているため、避ける。
タイトル: 検索流入(SEO)を意識したキーワードをしっかりと含める。
サムネイル: 検索キーワードよりも、「感情を動かすフック(好奇心、危機感、権威性)」に特化した短いキャッチコピーを配置する。
4. 誰の記事か一目でわかる「ブランディング」
単発の売り上げではなく、ファンを獲得して継続的な収益を生み出すには、「指名買い」される状態を作る必要がある。
デザインの統一: テーマカラー、使用するフォント、テキストの配置ルール(フォーマット)を固定する。
読者のタイムラインに流れてきた瞬間に「あ、この記事はあの人のものだ」と無意識に認識される状態がベスト。
大きく分けると2つあって、色と文言に分かれます。
色
色に関しては「強烈なコントラスト」を意識し、背景色と文字色の明暗差をはっきりさせると良いとのことです。
テーマカラーに紫(私は背景によく深い紫を使っています。)、文字の色はコントラストを意識して白と黄色またはゴールドにしていましたが、これでOKもらいました。
(そもそもAIに聞いて使っていたので当然ですが…笑)
3色ルールというのがあって、背景色、メイン文字色、サブ文字色の3つに絞ることでコントラストをつけられて、それでいて取っ散らからなくなるようです。
つまり色自体に大きな問題はなかった、というのがAIを使った限りで導き出せる答えですね。
となるとフォント、色の明度、文字の大きさなどの調整が課題になりそうです。
文言
次に文言についてですが、具体的な数字の活用、ターゲットの言語化、感情を動かすフックに特化した短いキャッチコピーを配置することを意識すると良いそうです。
ゴールを明確にして、自分事と自覚させて感情に訴えかける、ということですね。
大事なポイントは「タイトルと役割分担させる」ことです。10文字ちょっとのサムネイルでインパクトを与えて、タイトルで補完するイメージです。
この視点はなかったですね。
今まで似たようなものを何となくつけていましたが、考えを改める必要があります。
ここまでをまとめると、
・フォント、色の明度、文字の大きさなどを調整
・具体的な数字の活用、ターゲットの言語化、感情を動かす短いキャッチコピー
・タイトルと役割分担させる
この辺りが今回考察した課題です。
というわけで早速作りました。

今回のサムネです!
いかがでしょうか?
前の単調なのよりは良くなっているかと思います。
AIで文字を入れることもできますが、微調整が必要なのと、そのせいで制限に引っ掛かりやすいので、個人的にはcanvaで文字を入れることをおすすめします。
canvaでフォントを変え、エフェクトも入れてみました。
📌「初心者必見!」
フォント:コーポレート・ロゴ丸
エフェクト:袋文字(グレー)
📌「サムネ作りの〜とは?」
フォント:コーポレート・ロゴ丸
エフェクト:なし
📌「4カ条」
フォント:ロゴたいぷゴシック
エフェクト:ネオン
文字も語りかける感じにし、最低限これだけは分かってほしいことを書いてみました。
あとはタイトルで補足します。
これからも細かく変更してみますので、参考にしてみてください!
注意⚠️
ドライブから画像を読み込ませるとうまく行かないので、ご注意ください。
こうなります。
↓
↓
↓
↓
↓
↓
↓
↓

なんと、女の子になっちゃいました😳
しかもかわいい😍
ネイルまでしてるオシャレさんです✨️
仮にむら子とでも名付けましょうか。
嬉しい誤算でした。
むら子もブラッシュアップして登場させるのもいいかもですね。
今回は以上です。
最後までお読みくださり、ありがとうございます🙇
また明日の記事でお会いしましょう!
むらくも

