サムネイルデザイン作品集

ゼロから学ぶWebデザイン入門

※架空講座を想定した制作サンプルです

要件	詳細
制作物	動画用サムネイル画像（1点）
サイズ	1280px × 720px（16:9）
ターゲット層	20代〜30代の男女 異業種からWebデザイナーへの転職や、 副業を考えている完全未経験者
希望するデザインのテイスト・雰囲気	「自分にもできそう！」と思えるような 親しみやすさと、講座としての信頼感の両立。 暗い印象にならず、明るく爽やかなイメージを希望

デザインのポイント

①配色の強弱
紫で統一したタイトルの中で「プロへ！」だけオレンジに。一番伝えたいゴールが最初に目に入るようにしました。

②視線誘導効果
写真の目線の先にタイトルを入れて、視線が向かいやすくしました。

③レイアウト
人物を右端に配置して左側に余白をつくり、タイトルが読みやすく大きく入るスペースを確保しました。

④背景の演出
水平の帯より右肩上がりの斜めにすることで、「これから伸びる」前向きな印象を持たせました。

猫のおもちゃランキング

※架空のペット動画を想定した制作サンプルです

デザインのポイント

①言葉遊び
「ランキング」を「ニャンキング」に言い換えて、ひと目でネコ動画だと分かり、記憶に残る題名にしました。

②情報の予告
右上に1st・2nd・3rdの肉球メダルを置いて、「3つ紹介される」と開く前に分かるようにしました。

③視線と反応
おもちゃを見つめるネコの顔を大きく配置し、頭上に驚きの線を添えて「食いつく」期待感を演出しました。

④切り抜きの見せ方
おもちゃとネコを白フチで切り抜いて重ねることで、出どころの違う写真でも1枚の絵として馴染むようにしました。

⑤世界観の統一
クリーム地にオレンジの角丸フレームで囲い、ペット動画らしい温かく親しみやすい印象にまとめました。

フィットネス

※架空のフィットネス動画を想定した制作サンプルです

デザインのポイント

①不安の先回り
「マンションでも安心！」を赤丸で目立たせて、騒音を気にして迷う人の不安を最初に取り除きました。

②配色
ウェアとバランスボールのピンクをそのまま帯と文字に使い、写真と文字が別々に見えないよう統一感を出しました。

③可読性
全ての文字に太めの白フチを付けて、背景の観葉植物や床の色に文字が埋もれないようにしました。

④結果の提示
一番下に帯を敷いて「お腹の浮輪肉を撃退」と結果を明示。上で手軽さ、下で効果、という2段構えにしました。

⑤数字の強調
「一日たった」は小さく青、「5分！」だけ大きくピンクに。手軽さの根拠になる数字が最初に目に入るようにしました。