【webデザインの参考に】メインビジュアルのキャッチコピーを引き立てる方法!

あえて写真を使わずに引き立たせる!

メインビジュアル・・・と言えば、綺麗な写真やイラストを想像させますが

キャッチコピーを引き立たせるために、あえて背景には何使っていないサイトさんもあります。

背景には白などの一色を使い、その上にキャッチコピーを置くことで

キャッチコピーの魅せ方の自由度が上がり、デザインに力を入れることも出来ますし、

逆にどシンプルなデザインでもユーザーの興味を引きます。

暗めの画像に白抜き文字で引き立たせる!

先ほどは背景画像などを使わない方法をお伝えしましたが、

とは言え大体のサイトさんが背景に画像を取り入れていますよね。

でも、ものによってはキャッチコピーを引き立てずらいの画像ってありますよね・・・

そんな時は、比較的暗めの画像を選び、その上に白抜き文字でキャッチコピーを置くと見えやすくなります!

もし元々が暗めではなくても、彩度の変更や画像の上にあえて暗めのトーンを置くことで

白抜き文字を置きやすくなりますし、デザインもクールな感じでおしゃれになります。

画像とキャッチコピーを分けて引き立たせる!

今回はこれまでとは違い、

好きな画像を使ってキャッチコピーもしっかり置きたい!という場合の方法です。

でも、「暗めの画像じゃない」「キャッチコピーの色はこれがいい」という時は

画像とキャッチコピーを分けて画面上に配置すると解決します!

例えば、キャッチコピーは左側・画像は右側に配置し、

キャッチコピーの背景色は文字色に合ったものを選ぶことが出来ます。

バランスを取るのが難しくなりますが、デザイン面では非常に凝ったサイトという印象が持たれますね!

コメント

タイトルとURLをコピーしました