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

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

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

お得な情報を発信する記事のサムネイル

｢ふるさと納税の返礼品のおすすめ｣というテーマでみかんを紹介するニュースサイトを想定したサムネイルです。

自然の写真を背景にみかんの切り抜き写真を配置、
右側の文字にもフチやみかんのあしらいを追加しています。

アイデアは良いですが、それにスキルが追いついていない感じですね。
ということで、以下のようにレベルアップさせていきましょう

画像の加工やあしらい、文字と全体的にみると平面的でメリハリが足りないデザインになっています。

目立たせる部分はしっかりと目立たせるように意識して変えていきましょう。

画像とあしらいを自然な感じで修正する

まずは画像の加工とあしらい部分が不自然なので修正してみましょう

背景のぼかしは無くしてミカンの色味を調整、あしらいはキラキラの形を変えて輝きを追加しました。

これだけでもなんだかスッキリしましたね。

あしらいは知っているかどうかの差なので特に言うことはありませんが、写真の加工は慣れないと難しくて今回のように彩度を高くしすぎたり、無駄にぼかしを入れたりしてしまいがちです。

しかし、加工していると分かってしまうとチープな印象を与えてしまうので、できるだけ自然に見えつつ魅力的に見える範囲で調整しましょう。

デザインソフトを使わなくてもスマホの写真でも結構色々いじれるので、日常で撮影した写真で色味の調整を練習しておくと良いと思います。

文字を目立たせる

ただでさえ目立っていなかった文字が背景のぼかしを無くしたことでさらに影が薄くなってしまいました。

サムネイルにとって文字は記事や動画の内容を説明する重要な要素です。
しっかりと目立たせていきましょう！

文字に半透明の枠を追加して、また文字自体も色やあしらいを調整して目立たせました。

かなり見やすくなったのではないでしょうか。

今回のように細めのフォントを使う場合は暗めの背景でない限り見えにくいので、色やフチをつけて目立つように工夫しましょう。

また、これは僕が少し恥ずかしい間違いなのですが、ふきだしなんかのあしらいはサブタイトルに使うものでメインには使わないので気をつけておきましょう。

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

写真自体は全体的に馴染みつつも文字と写真でデザインにメリハリが出て見やすいサムネイルになったと思います。

僕の持論ですが、画像の加工やあしらいなどはデザイン中級者になるための必須スキルだと思います。

最初に手をつけるのはオススメしませんが、自分の作ったデザインがイマイチだなーと思ってきたなら意識してみると良いでしょう。

まとめ

自分が初心者の頃に作ったサムネイルデザインを添削して見ました。

ぜひ参考にしてみてください。