Imagery including illustrations and photography can be a great way to add visual interest to your website, and interest and intrigue potential customers or clients. In the above the fold space, this imagery is generally used as a background, with text placed over the top. But what are the considerations when using typography over imagery in web design? Well, here at Pumpkin Web Design Manchester, we are Manchester’s leading web design experts. We provide, high quality, effective, web design solutions for local companies and businesses across Manchester, and the surrounding area, including Wigan and Southport. As a result, we have produced this guide to everything you should know about the typography over imagery web design trend.
What are the important considerations when using typography over imagery?
When using typography that is designed to be overlaid, on top of an image, it is important to consider a range of factors, including:
- Legibility
- Colours
- Typography style
- Company branding
Legibility considerations for typography used over imagery
Illustrations and photographs can be a great addition to any website. But when using text over the top of these it is essential to consider the readability of the text on all devices, including mobiles and tablets. As a result, it is important that the text:
- Has clear contrast with the image- this can help to ensure each letter and word can be read easily
- Is concise and to the point- text over imagery should be restricted to headings or key pieces of information that take up no more than a sentence or two. Using blocks of text over imagery will not be suitable option.
- Is well defined- both obscured typography and even outline font can be used over the top of an image or illustration, as long as each letter is well defined.
Colour options and typography over imagery in web design
Another aspect to consider is the typography colour and the background colour. To create enough contrast between the typography and the imagery you will need to ensure that the typography colour contrast with the background imagery so that the text stands out. At the same time, you will need to consider your overall colour scheme, as choosing a colour from your overall colour triad can be a good option.
Typography style for over imagery typography
As with the rest of the typography used on your website, you should consider the style and design of the typography used over imagery. This is because this typography used in this way should be a heading, and so should attract attention itself, while also supporting your company branding. There are a number of different and incredibly varied option for typography styles in web design, and as such you should choose an option that complements the brand persona you are cultivating. The different options include:
- stacked text
- outline text
- calligraphy font
- bold font
- wide text
- narrow text
- serif fonts
For more information or advice, get in touch with the experts today, here at Pumpkin Web Design Manchester. Manchester’s leading web design experts.