The above the fold content on any website is one of the most important features for any website. This will usually consist of a background design or image, or even a video, as well as a small amount of text, like the header or title, and a call to action button. but if you are using a vibrant and detailed image, how can you effectively overlay typography? Well, here at Pumpkin Web Design Manchester, we are Manchester’s leading web design experts. We work with companies and businesses across Manchester, and the surrounding area, including Wigan and Southport, to provide web design solutions that can help businesses grow. As a result, we have produced this guide to everything you should know about overlaying typography on busy images.
What are the considerations for overlaying typography on busy images?
If you want to overlay your website heading or title typography, across a brightly coloured, highly detailed image, there are several things to consider. These include:
- Achieving the right contrast- for any typography to be easy to read and understand, on any device, the contrast between the letters and the background needs to be strong. This allows the shape of each letter and word to be easily discernible even from a quick glance at the screen. With busy background images, achieving the right level of contrast can be a challenge. You should opt for thick, chunky lettering in uppercase. And depending on the colours in the imagery, bold white or black text can be a good choice.
- The relevance of the imagery- if you want your imagery to be incredibly noticeable, you should consider the relevance too. This is because the imagery will give the website users their first understanding of your company, and your brand persona. This needs to be relevant to the typography overlaid, as well as your company on the whole. It has been said that images can say a thousand words, so if your busy background imagery is relevant to the title or heading, your website users, and potential customers or clients are more likely to interpret the word correctly, even without paying full attention. This can help create a more positive user experience.
- The amount of text- your title or heading text should not be too long in general anyway, but for busy background imagery, you will need to use fewer words to say what you need. This will make it easier for your potential customers or clients to read quickly, giving them more insight into what you can offer. This does mean that if you usually position a small paragraph of text underneath the header or title, you will need to move this to a different section underneath, as it would be too difficult to read on a busy background.
For more information or for professional web design support, get in touch with the experts today, here at Pumpkin Web Design Manchester.