画像の上に文字を載せる

画像の上に文字を載せる

どうも中野です。
今回は画像の上に文字を載せる際に使えるテクニックを紹介します。
初歩的な内容ですが、Webデザインをする上では使うことの多いテクニックなので、ぜひ覚えておきましょう。

1.オーバーレイ

写真にオーバーレイ効果を使うことで、文字の可読性を高めます。写真の色味が気に入らない時なんかも使えるテクニックです。

2.シェイプ

写真の種類によってはどの色でも目立たない時があります。
そんな時は文字の後ろにシェイプを入れて可読性を高めます。シェイプを入れる際に透過させると背景の画像も見えて良いと思います。

3.背景をぼかす

背景に何かを入れたい!でも色を入れるだけでは物足りない!って時に使えるテクニックです。

4.ドロップシャドウ

定番な方法ですが、今でも使えるテクニックになっています。
最近の方法としては、ガッツリ影を入れるのでは無く、さりげなく薄く影を入れると今風な感じになります。

いかがだったでしょうか?
画像に文字を重ねる際はぜひこのテクニックを使用してみてください。