サムネ図鑑

← 事例の一覧へ

[Apex]各ランク帯ってどんなイメージ?Apexの全ランクざっくり紹介

だんたい/団体YouTube で見る →

背景
描き下ろし・単色
フォーカスキャラ
入れていない
テロップ
二段以上
目次

被写体と構図

中央にAPEXのランクバッジが並んでいます。上段に三つ、下段に四つ、合計七つのバッジが階級順に置かれています。

その上に「各ランク帯」、下に「解説」の文字。「解」と「説」は左右に分かれ、あいだにバッジが挟まる配置です。背景は赤黒い炎のような面で、光がにじみます。

人物もプレイ画面も写っていません。

ゲーム画面からの加工

プレイ画面は使わず、ゲーム内のランクバッジの画像だけを抜き出して並べています。背景は赤黒のグラデーションで作り直したものです。

加工は素材の抜き出しと配置が中心になります。

文字の置き方

「各ランク帯」は白の太字に黒フチ。「解」「説」は赤の極太文字に黄色のフチで、バッジを挟んで左右に置かれています。

赤に黄フチという組み合わせは、背景が赤黒いことへの対処です。白でも黒でもなく、赤より明るい黄色を外に回しています。

一覧での目立ち方

七つのバッジが階級順に並ぶ形が、そのまま「ランクの話」だと伝えます。赤黒い背景に赤い文字という同系色の配色で、彩度の高いサムネイルの中では落ち着いて見えます。

この作りが効いている理由

ランクバッジをそのまま並べているのが要点です。ランクの説明を文字でするより、ゲームが使っている図柄を出すほうが早く伝わります(YouTubeサムネイルで主張の根拠を画面に置く)。

赤い文字に黄色のフチを付けているのは、背景が赤黒いからです。赤に白を挟むのが50件では多数派でしたが、下地が暗い赤の場合は黄色でも明るさの差が取れます(サムネイルの文字の縁取りは何色にするか)。

「解」と「説」を左右に分けてバッジを挟むのは、中央の要素を潰さないための置き方です。一続きの語を割って配置する手は、縦組みで左右に立てる形と同じ発想になります(YouTubeサムネイルの文字入れで色と配置を決める)。

ゲームとタグ

対戦シューターランクのバッジを横一列に並べる背景を赤黒の炎にする文字を左右に振り分ける黄フチの赤文字を使うゲーム画面を使わないゲーム画面を一切使わない文字を太いフチで抜く左右で役割を分ける文字を縦組みにする

この事例を取り上げた記事

同じ作り方の事例(文字を縦組みにする)

同じゲームの事例