こんにちは。

起業女性のための

Webコンサルタント

片田 早美です。

 

ご自身でヘッダーやバナーなどを作るとき、

画像の上に文字を乗せることありますよね。

 

ご自身で作る際に、

気をつけていることありますか?

 

今回は、ヘッダーやバナーを
見やすく作るコツをお伝えいたします。

 

例えばこちらの画像に

「アロマ10%OFFキャンペーン」
入れるバナーを作るとします。

 

 

【よくない例】

 

 

まず、上の画像ですが、文字が細すぎて見にくいですよね。
書体はなるべく太めにしましょう。

白いふちを付けても、文字が細いと見にくいです。

 

また、下のように

書体を太くして派手にしたからといって、

見やすくなるわけではありません。

アロマのイメージも損なわれてしまっています。

【参考例】

 

 

 

今回のように、

ごちゃごちゃしている画像の上に文字を乗せる場合は、

白い帯を画像が透けるように置きます。

その上に文字を乗せると

アロマのイメージも損なわれずに、

見やすい画像が作れます。

 

また、色は周りの雰囲気に合ったもので

やや濃いめの色を選択することで、

イメージを損なわずに作ることが出来ます。

 

ヘッダーやバナーを作成する際、

「ちょっと気にする」ことで読みやすくなり、

伝わりやすくなります!
是非参考にしてみてください。