デザインノウハウ

自分が素人の頃のデザインを添削してレベルアップさせる【サムネイル その6】

当サイトはアフェリエイト広告を利用しています
ユウ
ユウ

ぜひ参考にしてみてね!

今回は、僕がデザイナー初心者の頃に作成したポートフォリオ(サムネイル)を添削してレベルアップさせていきます。

デザイン上のポイントなども解説しているので、デザインを勉強中の方などぜひ参考にしてください。

この記事を書いた人
コトダマ ユウ

コトダマ ユウ

ゲーム実況動画のサムネイル

ゲーム実況の動画サムネイル

ゲームのキャラ解説動画を想定したサムネイルデザインです。

サムネイル下の帯とキャラクターの画像で奥行きを表現したり、キャッチコピーと動画タイトルのフォントやサイズを変えてメリハリをつけているのは良いですね。

一方で、そもそもキャラクターの画像の解像度が低すぎてボヤけてしまっていたり、背景が一応2色使っているけど寂しすぎるので、全体として素人感が出てしまっています。

あとはパーツごとのデザインはそれなりにしていますが、全体が調和していないので、その辺りを中心に改善していきましょう。

  • 使用している画像の解像度が低い
  • 背景のデザイン性が低く寂しい雰囲気
  • 全体的にデザインにまとまりを感じられない

背景とキャラクター画像のクオリティアップ

まずは大きいところから、背景とキャラクター画像を入れ替えてクオリティをアップさせてみましょう。

背景とキャラクター画像のクオリティアップ

それぞれの画像を入れ替えるとともに、キャラクターの画像にオーラのように光彩を追加して強そうに見えるようにしてみました。

やはり画像の力は偉大ですね、画像を入れ替えただけでもかなりクオリティが上がったように見えます。

キャラクターを目立たせたいゲーム動画のサムネイルのようなデザインでは、できれば背景とキャラクターの画像は別で用意した方が、今回のようにエフェクトなどを付けてクオリティを上げやすいです。

背景とキャラクターが映っている画像だと、どうしてもゲーム画面感が拭えないので、ゲーム動画のサムネイルをデザインしている方は意識してみてください。

文字を全体に馴染ませる

画像の次は文字の改善、現状文字と画像が別々な印象になってしまっているので、全体が馴染むように馴染ませていきましょう。

文字を全体に馴染ませる

左上のタイトル部分は帯をなくして白文字とシャドウに、キャッチコピーは背景やキャラクターに合わせて緑系の配色に変更、ゲームタイトルのロゴはキャラクターに合わせてメタリックな雰囲気にしてみました。

文字の配置も変更したので、以前のデザインよりも読みやすくて内容が分かりやすくなったのではないでしょうか。

ということで、今回のビフォーアフターがこちら。

デザイン添削ビフォーアフター

やはり画像によるクオリティアップが大きいですが、文字が画像に馴染んでいることで素人感が無くなったように思います。

まとめ

自分が過去にデザインしたサムネイルを添削しました、参考になれば嬉しいです。

画像の解像度が低いと、どう頑張っても素人感が出てしまうので、サムネイルに使用する画像はできるだけ解像度の高いものを選ぶようにしましょう。

  • 画像は解像度が高いものを使用する
  • キャラクターと背景は分けて使用した方がエフェクトを入れやすい
  • 文字は画像に合わせて馴染ませたりメリハリを出すと良い