サムネイルが一覧で埋もれる理由を実例100件から読み解く

事例を100件書き起こしたあとで読み返して、気づいたことがあります。どの回も、最後の段落が「一覧に並んだときにどう見えるか」になっていました。意識して揃えたわけではなく、1枚を説明しようとすると自然にそこへ行き着いていました。

考えてみれば当たり前で、サムネは単体で見られません。検索結果か関連動画か登録チャンネルの一覧に、他の人のサムネと横並びで表示されます。効いている判断のほとんどは、1枚の中で完結していませんでした。

周りが騒がしいから、静かにする

一番よく出てきたのは、隣と違う方向に振る判断でした。

牛沢さんのゼルダは、加工をほとんどしていません。洞窟の暗い岩壁を背に上半身裸のリンクが座り込み、光っているのは腕の石の一点だけ。文字は右上のロゴと左下の「#1」だけで、本文にあたる言葉が一切ありません。色も緑と肌色と青の三色に収まって彩度が低くなっています。

またパンイチスタートかよ【ゼルダの伝説 ティアーズ オブ ザ キングダム】＃１牛沢この事例を見る →

これ単体を見て「目を引く」とは言いにくいと思います。それでも一覧に置くと、派手な文字と顔で埋めたサムネの列の中では、暗さと余白のほうが目に留まります。同じことを書き起こしの中で、コブレッティさんのスプラトゥーンには「穴が空いたように見える」、G. Nチャンネルさんのマイクラには「黒帯と余白と静けさでかえって目が止まる」と書いていました。どれも、周りが埋めているという前提がないと成立しません。

減らす方向だけではありません。ヒカキンさんの8番出口は白いタイル張りの通路をそのまま使っていて、ホラーなのに全体が明るくなっています。この明るさが効くのは、隣に並ぶホラー系のサムネが暗いからです。

【8番出口】何も知らずに脱出ホラーゲーム8番出口プレイしたら大発狂…【ヒカキンゲームズ】HikakinGamesこの事例を見る →

雪花ラミィさんのマリオワンダーは、濃い色とフチ文字で埋めたサムネが並ぶ中に、白に近い明るさと手描きの線を持ち込んでいます。狩野英孝さんのモンハンは逆に、原色の多い並びの中で黄土色一色の落ち着いた色味で目立つ側に回ります。同じ「色で差を付ける」でも、振る方向は周りを見てから決まっています。

縮んだあとに何が残るか

もう一つ、書き起こしの中で繰り返し使っていた言葉が「遠目」と「縮小」でした。数えたわけではありませんが、何枚もの回で、縮んだときに何が残るかに触れています。

一覧のサムネは小さく表示されます。細部は潰れて、色の塊と形だけが残ります。ですから残る形を先に設計している一枚があります。

zanさんのぷよテトは、対戦画面の片側だけを残して左半分を空け、そこにぼかしと明度上げをかけています。文字は左上に二段だけ。結果として、左が淡く右が密という粗密が、そのまま一枚の輪郭になっています。中身が読めない大きさまで縮んでも、この左右の差は消えません。

ぷよぷよは結局運ゲー【ぷよテト2】パズルレート実況#1zanのゲーム部屋この事例を見る →

もこうさんのマリオカートは「赤・砂色・赤」の三分割、よしなまさんのSEKIROは上下を文字で挟んだ構造、mkさんのマリオワンダーは下端に赤い帯が走る形。いずれも、読めることではなく形が残ることを狙っています。

形が記号として働く例もあります。M.S.S Projectさんのアモングアスは、八人分の丸いアイコンを星空に散らしてあります。中身は実写風からイラストまでばらばらですが、丸く切り抜いて同じ大きさに揃えてあるので、整列した円の並びだけで「大人数コラボ」だと伝わります。

【Among Us】ゲーム実況者8人でコラボ宇宙人狼!!#1 【MSSP視点】M.S.S Project ゲームこの事例を見る →

同じことを、赤髪のともさんの桃鉄は四隅の四角いアイコンで、MANEKIN GAMESさんの8番出口は四分割で「まとめ動画」として行っています。中身を読ませる前に、配置の形で種類を伝えてしまう作りです。

隣と区別が付かなくなる問題

さらに直接的に一覧を相手にしているのが、外周を枠で囲う9件でした。

ハンクさんのエルデンリングは緑の極太フレームで全体を囲っています。ゲーム画面が明るく、隣のサムネも明るいと、どこからどこまでが一枚なのか分かりにくくなります。枠はその問題を色で解決していて、遠目でもこの一枚の範囲がすぐ分かります。酒桜さんのマリオカートの青枠、ゴマ犬さんの紫枠、カズマックスさんの緑枠も同じ働きをしています。

枠は1枚の絵としては余計な要素で、単体で見ると額縁が付いているだけに見えます。一覧に置いて初めて意味が出る部品になっています。

だから「正解の型」にはならない

サムネのデザインパターンを整理したときに、どの組み合わせが良いとは書けませんでした。ここまで並べた事例を見ると、書けない理由がはっきりします。

背景を暗く落とすのが効くのは、隣が明るいときです。文字を減らすのが効くのは、隣が埋めているときです。枠を付けるのが効くのは、隣と区別が付きにくいときです。どれも、その型の性質ではなく、置かれる場所との関係で決まっています。

同じ一枚でも、並ぶ相手が変われば効かなくなります。書き起こしの最後が毎回「一覧では」で始まっていたのは、おそらくそういうことだったのだと思います。

この考え方を作るときの手順に落としたものが、YouTubeサムネイルを一覧で目立つようにするです。