Table of Contents
Which Colour Attracts The Most Attention?
The saliency of picture data drives human sensory attention in part from the bottom up. When one or all of a picture detail’s low-level features (e.g., scale, form, luminance, colour, texture, binocular difference, or motion) varies significantly from its difference in the context, it appears conspicuous.
In other terms, human sensory focus is drawn to colour and light contrasts first, then to the emotional and cultural significance of a particular colour. Learn how to use colours properly by joining our online graphic design course at Blue Sky Graphics online graphic design learning.
Colour vision has developed over thousands of years to help us in distinguishing nutritious fruits and young leaves from their natural history.
Another potential indicator of interest is colour saturation: the more saturated an aspect is in contrast to its surroundings, the more easily it will be seen.
This last paragraph contains an important nugget of information: colour saturation draws focus to itself in contrast to its surroundings.
Semiotics and Colour
Green is a colour that represents trustworthiness, youth, and power…
Just wait…yellow…and orange…and blue do, too. It’s difficult to separate the connections that colours have for different moods.
The usage of colour as a proxy, or symbol, for knowledge is often broken down in semiotics – or the analysis of signs – by Peirce’s Trichotomy of Signs:
The similarity to something, such as a photograph or a symbol, is measured by iconicity. It may also be used to refer to anything in a diagrammatic or illustrative manner. Red and orange, for example, are viewed as “soft” colours, while dark colours are perceived as “heavy.”
The degree to which a sign is connected is measured by indexicality. A green banana, for example, is considered under-ripe, a yellow banana is considered ripe to consume, and a brown banana is considered over-ripe.
Symbolicity is more difficult to define since it lacks the conceptual relations to context that iconicity and indexicality do, but it is what advertisers point to when discussing colour vocabulary. While green denotes forward motion and red denotes a halt, colour symbolism is context-dependent.
Branding and Colour
You can only paint your living room walls after they’ve been designed, sanded, and prepared, and the same holds true for your website: a basic global system of decisions must be taken before artistic decisions like colour can be made.
There are no magic rules for selecting a paint scheme, and there is no single colour or colour mix that will draw the users to your commodity like magpies to gold.
To make this critical artistic choice, you must first know who you are, what you want to do, and, most critically, with whom you want to do it.
Colour should serve as a replacement for knowledge in this manner: rather than asking a consumer to “look there” or “feel this way” regarding a section of a web page or information about a commodity, colour should fill in the blanks by means of its properties.
Conversion and Colour
Although there are no definitive explanations why a bright orange CTA is said to transform so well, below are a few possibilities:
Safety orange (Pantone Number 152) is a bright orange that is used to distinguish sensitive information from its environment, particularly in situations that demand rapid decisions and urgent focus, such as traffic, hunting, and disaster relief. Bright orange’s allure stems from its contrast with traditional natural backdrops like blue sky and dark green forest, as well as its semiotic connotations; because of its symbolic position as a “safety” hue, we might speculate that bright orange inspires more urgent decision-making, which is good news for e-commerce buttons.
A Big Orange Button attracts and directs focus well as it sticks out like a hunter’s survival jacket in the woods: it requires contrast – mostly in the form of contrasting colours – to draw and guide attention.
Contrast and Balance are best practises.
The simple “60-30-10 concept” is a common design paradigm for creating harmony inside a colour scheme. In this case, the law states that the primary colour can be used 60% of the time, your secondary colour 30% of the time, and an accent colour 10% of the time. The most prevalent colour should typically be the least saturated, whereas the bold or heavily saturated accent colour should be reserved for the most appropriate material.
Behind this intuitive approach is a concept that is fundamentally compatible with visual attention theory. What we are physically attracted to is based on intersecting collections of spatial and opposing features, to put it simply. Since it is scarce and elicits a high value of visual contrast, a sparsely utilised “accent” colour is likely to draw visual interest.
There’s a lot of empty rooms.
We don’t have the option of whitespace in the jungle, and there’s no respite from the visual noise.
Websites are special. Whitespace is critical for directing and balancing the flow of knowledge through a website, as well as attracting user focus to key locations.
Of course, you already know the “minimal,” “flat,” “simple,” and “uncluttered” architecture is quickly becoming the preferred technique for designing high-converting, accessible web pages. Adding white space to a web page to attract focus to a main feature, on the other hand, may be a little trickier than you expect.
This demonstrates a reliable estimation of what consumers would see (or miss) in the first few seconds after landing on the website. The large “50% OFF EVERYTHING” sign in the centre of the page clearly attracts comparatively (and surprisingly) few interest from users. Meanwhile, because of the stark comparison with the rest of the article, the highly visible black text at the very bottom of the page attracts much further attention.
Understand The EcoSystem
Your rivals and the brand culture through which you operate have most likely already built an emotional network of colours. Will you want to get on the bandwagon or dive against the tide?
Some commodity domains, on the other hand, aren’t always that “black and white” (again, excuse our pun). Environmentally conscious goods may instinctively select green as a symbol of their connection to Mother Nature, but they are just as apt to choose green’s complementary colour – orange – as a welcoming shift. Choosing a colour solely on the basis of semiotics is a standard procedure, but it is often restrictive.
Similarly, when operating on a monochromatic grey scale, such as in the fashion industry, functions better since it transforms well (important details can be picked out with splashes of colour), associating a brand with a colour solely for symbolic purposes which result in reduced bottom-up focus.
Users can see what is important on a website until they begin to consider the emotional and cultural significance of colour.
