Web Design for Web Developers: Part 2
Working with Images
Big and Beautiful images are everywhere in the web design.
In fact, using large background images can make your website look more attractive and create more user engagement.
How to effectively put text over images
- Put text directly on the image
- This only works if the image is quite dark and text is white.
- You will not have enough contrast between your image and your text
2. Overlay the image
Overlay the image with the color most usual color black, which simply turns the image darker
We can use other colors as well as create some beautiful effects with them.
3. Put your text in a box
Simply putting text in a box is an easy way to make your text stand out.
The box should be opaque so that you can still see the image beneath it
4. Blur the image
Either blur the whole image or you can use out of focus area
5. Floor Fade
Floor Fade is a technique where an image subtly fades towards black at the bottom with white text written over it.
Floor Fade increases text readability dramatically.
*************************************************************************
Comments
Post a Comment