note・記事サムネは「記事の型」で主役を決める（風景／商品／出来事／完成見本／比較／短い言葉）
サムネで悩むときは、記事の種類に合わせて「何を一番大きく見せるか」を先に決める。タイトルを全部詰め込む前に、最初に読んでほしい言葉を1つに絞る。
どんな問題を解決するか / いつ使うか
本文は書けたのに一覧で素通りされるとき。AIにサムネを頼む前に、載せる主役を決めたいとき。サムネイルの文字は「メイン・サブ・補足」の3段に分け、AIには文言や配色を維持したまま大きさの差だけ直させるやサムネの見出しが写真に埋もれるときは、8つの直し方から選び「どこを・どの程度」までAIに指示するとセットで使う。
具体手順
記事の型から、サムネの主役を選ぶ。
| 記事の型 | 主役にするもの | 例 |
|---|---|---|
| 旅行記 | 現地の風景 | 歩いた路地など、場所が想像できる1枚 |
| 商品レビュー | 商品を大きく | 開いた手帳など、使い方が伝わる写真 |
| 体験談 | 出来事と感情 | 何が起きたかと表情が伝わる構図 |
| 作り方の解説 | 完成見本 | 完成サムネを並べて見せる |
| 比較記事 | 比べる対象 | 良いUIと悪いUIを図で並置 |
| ノウハウ | テーマを短い言葉に | 「見本を選ぶ3つの軸」など一言 |
文字を入れるとき：
- タイトル全文を詰め込む前に、「最初に読んでほしい言葉」を1つ決める。
- その言葉が小さく埋もれていないか確認する。
公開前チェック（5点）：
- タイトルと画像で記事の中身が分かる
- 主役の写真や言葉がすぐに見つかる
- 色や書体を増やしすぎていない
- 一覧の小さな表示でも内容が伝わる
- 表示時に大事な文字や顔が切れない
制作サイズの目安は 1280×670px。最後に画像を縮小し、記事タイトルと並べて「何の記事か」が伝わるか見る。
注意点
- AIに頼むときは「型・主役・最初に読んでほしい1語・残す情報」をセットで渡す（AIへの修正指示は「変える・残す・確かめる」の3点で書くと同じ発想）。
- note以外のブログ・LPカードでも、型→主役の決め方はそのまま使える。