Which Colours to Avoid in Web Design
Share This Article
Colours are an important part of any website’s design. Colours must not only adhere to your brand requirements and express the right image, but they must also work effectively on digital platforms. Unexpected problems can arise from a badly selected colour scheme, obstructing the UX of your website and driving users away.
Here are a few colours and colour combinations to avoid when developing a website:
Colours that are light on light
The most common web design blunder is using light text on a light background. Light writing on an extremely detailed background might have the same effect. Because the contrast between text and background may appear fine in print or on some screens, this error is very prevalent. However, if you open it on a different screen or increase the screen brightness, you may notice
that readability suffers.
Neon Colours in Excessive Amounts
While neon can be entertaining, it can be overwhelming when viewed on a screen. Remember that because screens are backlit, digital colours appear more brilliant than they do on paper. To get an accurate sense of how colours will seem to your audience, use a digital stylesheet when testing colours.
Excessive use of bright colours should be avoided.
To be overwhelming, colours don’t have to be neon or rainbow. Bright colours, especially when used in close proximity, will tyre out your visitor and may even produce a “vibrating effect.” On a screen, they appear to be moving or shaking. Colours that are highly saturated and complementary on the colour wheel are more likely to have this impact. Consider the Issues Faced by Colour-blind People. Don’t forget to include colour-blind users while creating your website. This is when using a grayscale to compare colour values comes in handy. Red and green is a typical colour combination to avoid. In terms of colour, red and green are diametrically opposed. Their grayscale values, however, are quite comparable.
UX Is Affected by Rainbow Themes
Rainbow is an excessive amount of colour for a website. A rainbow motif, like neon, is overbearing and can detract from your actual content. Stick to a few choice hues to represent your brand unless the rainbow is essential to your brand image. Consider the differences between cool and warm colours, as well as colour connotations.