今日も具体的なデザインを0から作っていく方法をご紹介しますね。
今回のお題はWEBサイトのトップ画像。
ざっくりな流れは
❶画像設定
❷文字入れ
❸文字デザイン
❹レイアウト
❺最終仕上げ
です。
❶画像設定
いきなり今回のメインの画像を置いちゃいます。
右側がくっきり切れてて、いかにもThe置きました!感がありますから、
背景に同じ色を置いてマスクでぼかしましょう。

自然!
人の画像も置いちゃいましょう。

背景が暗いので、際立たせる為に白の光彩をエフェクトで。

いい感じ。
❷文字入れ
文字を入れていきましょう。
ジャンプ(文字の大小)を付けて。
ここは文字の重要さを考慮して区別してあげてくださいね。

❸文字デザイン
下に四角を置いたり、
文字色変えたり。。。
この場合、色は背景などを考慮して生える色を。
色相環の反対側の色ですね。
※参考

❹レイアウト
全体バランスをチェックしましょう。

うん。うん。いい感じ。
人物もこれ以上大きくする必要はないようですね。
❺最終仕上げ 及び 別案作成
色は赤にしてもいいかもと思い作成してみました。

赤こんな感じ

あと、人物像を白黒にして、もっと全体の衝撃度を加えてみる。
毎回キャッチコピーの内容を考慮してデザインしてあげてくださいね。
出来上がり。

コメントを残す