fbpx
INNOVATION

The Use of Colour in Design

From vibrant colours to black colour: Colour plays a vital role in design and everyday life. It can attract your eye to a specific image, or trigger a certain mood or feeling in you. It can even communicate important information to you without using words at all. So, how do we know which colours work...

Last updated: 8 Jan 2021 - 7 mins read

Robin Creative Director

Colorful path

CONTENTS


From vibrant colours to black colour: Colour plays a vital role in design and everyday life. It can attract your eye to a specific image, or trigger a certain mood or feeling in you. It can even communicate important information to you without using words at all.

[caption id="attachment_1329" align="alignnone" width="300"]A picture dipicting a trafflic light in black colour. Animated traffic light[/caption]

So, how do we know which colours work together, and which ones don't? The answer is simple: colour theory.

Artists and designers have followed colour theory for centuries. However, anyone can know more about it. They can make you confident in a wide variety of situations. Whether you are choosing colours for a design or choose the colours of the clothes you will buy. All it takes is a little insight, and then you'll look at the colours in a completely different way.

The basics

Do you remember what you learned in school about primary and secondary colours? Then you already have some knowledge of colour theory. Red and yellow make orange, yellow and blue make green, and blue and red make purple. If we mix these colours, we get more gradients like red-orange and yellow-green. All together, they form what is known as the "colour wheel."

[caption id="attachment_1330" align="alignnone" width="300"]Color grid A colour grid centered in the middle[/caption]

Hue, saturation, and value

These terms may not have been used in everyday life before, but they are key to a more understanding of the shades of a single colour.

Hue is just another word to express colour. As for saturation, it means intensity, it determines whether the colour is dull or vibrant. As for value, it is due to whether the colour is dark or light. Gradually from black to white. Combining these gives us a lot of different shades of colour.

To create professional-looking colour schemes there are formulas based on something called "colour harmony".

Monochromatic

It refers to a single hue in a colour palette that is expanded upon adding variations in saturation and values.

[caption id="attachment_1332" align="alignnone" width="279"]choosing color in color grid 3 lines choosing the colour in a grid[/caption]

Analogous

These are the consecutive colours on the colour wheel Like reds and oranges, or cooler colours like blues and greens.

[caption id="attachment_1333" align="alignnone" width="300"]picking multiple colors in grid Example of picking multiple colours in grid[/caption]

Complementary

This one refers to colours that are the opposite of each other on the colour wheel. For example, blue and orange, or red and green. To avoid seemingly simple complementary colours, diversify them by using other shades that are dark, light, or faded.

Triad

This harmony system uses three evenly spaced colours on the colour wheel, taking the form of an equilateral triangle. These combinations tend to be striking, especially when combined with primary or secondary colours Therefore, be careful when using them in your work.

[caption id="attachment_1335" align="alignnone" width="300"]picking complimentary colors in grid Complementary / opposite colours in colour grid[/caption]

There are many more, just check for online colour wheels. Most of the time, you can choose your harmony.

Black & White

A white glowing orb hovering above a hand in a dark room, showing the contrast between the colour black and the colour white.

In the colourful world of art and design, the discussion around the use of the colour black and the colour white generates an intriguing dialogue. Are these two extremes of the spectrum even considered colours? The question may seem clear-cut, but the answer tends to sway based on the context you're viewing it from.

Scientifically, black is perceived as the absence of all colour. When an object absorbs all visible light and reflects none, the result is what we perceive as the black colour. This occurrence has led to physics often referring to black as the void of all colours. Conversely, white occurs when an object reflects all light wavelengths, merging them to create what we perceive as 'white' light. In the realm of light physics, white is thus a composite of all colours.

However, the perception significantly shifts when we enter the domains of art, design, and visual communication. Despite their scientific definitions, black and white hold their ground as potent elements of the artist's colour palette. They are employed to add depth, create contrast, and stimulate emotions, thereby earning their status as 'true' colours in this sphere.

Black colour is frequently associated with power, formality, elegance, and enigma. It signifies strength and authority, and it's also synonymous with depth and sophistication. Applying the black colour in your imagery can introduce a remarkable contrast, effectively amplifying the impact of other colours and adding a fascinating depth to your design. The black colour has the power to draw attention to certain elements, guide the viewer's path through the artwork, and underscore the importance of specific aspects within a composition.

In contrast, white introduces a different set of attributes to a design. Representing purity, cleanliness, and simplicity, white instils a sense of spaciousness, tranquillity, and freshness. White can temper the visual intensity of other colours, creating pauses or 'breathing spaces' within a design, offering the viewer's eyes a moment of respite.

The strategic usage and balance of black colour and white within your visual imagery is a crucial aspect of design. Their application can vary, from creating striking silhouettes to serving as a backdrop that enhances other colours, or as the mainstay of a monochrome theme. The black colour and white, though contrasting, contribute to a certain harmony in an image — a balance that helps other colours shine and intensifies the overall visual message.

The dos and dont's

There are a few dos and dont's when it comes to colour. For example, have you ever seen colours that appear to vibrate if you place them together? The solution is to tone down these colours, and there's a simple way to do that.

Start with a single colour, and try to adjust it, by brightening, darkening, or deflating it. Sometimes a little bit of contrast is all your colour palette needs.

Readability is an important factor in any design. Your colour should be easy to read and comfortable on the eye. Sometimes it might mean that no colour is used at all, or at least not on every little detail. Neutrals like black, white, and gray can help you balance your design. But when you use colour then, it will stand out more.

Each colour communicates a message (to whoever looks at it). It is important to bear in mind the nature of your project and then choose the right colours. For example, bright colours tend to give a fun and modern vibe. Faded colours seem to have something to do with business.

While in the scientific realm, the black colour may be a void of colour and white a composite of all colours, their vital role and impact in the sphere of art and design undeniably assign them as 'colours' in their own right. The black colour, alongside white, forms a crucial part of an artist's palette, and their effective use can transform a visually pleasing image into a compelling, memorable masterpiece.

Sometimes, it depends on the context. Colours are amazing in their flexibility.

You can find ideas for colour schemes in all kinds of interesting places. From advertising and marketing, websites, and even famous artworks.

We hope you have enjoyed learning basic information about colour. Don't forget about colour-blind people. We explain more about that in our other article called: Accessible web design explained.

We at Flatline Agency, official Shopify Plus Partners, are here to help you take your business to the next step, including custom development, design, and marketing. If you are interested, please feel free to contact us.

SIGN UP FOR THE NEWSLETTER

    By signing up you agree with our privacy policy

    GET IN TOUCH

    To speak with us, call (+31) 613 326 179, send us an email, or reach out to us by chat or What’s App.

    THINKING

    Shopify Summer Editions ’23 – our favourites

    Imagine my Business – Imagine my Store – Imagine my Future This is the hook, Shopify introduces us to the Summer Editions ’23. One of the most powerful updates until now. There have been some changes in the digital world, which automatically affect the eCommerce industry – bringing a lot new opportunities to the field. Personalisation...

    Shopify’s one-page checkout

    By now, we’ve all heard of the Shopify Editions | Winter ’23 and the amazing upgrades that the eCommerce platform will be offering soon.  Shopify is one of the biggest players in the industry, holding a substantial market share in the United States and accounting for over $444 billion in global economic activity. The new...

    B2B with Shopify: Unlocking the Power of Business-to-Business Commerce

    In today’s digital age, eCommerce has revolutionised the way businesses operate and connect with their customers. Shopify, one of the leading eCommerce platforms, not only caters to direct-to-consumer (DTC) businesses but also provides robust features, which Shopify Plus merchants can utilise for business-to-business (B2B) transactions. This article explores the world of B2B on Shopify, its...

    Shopify Markets Pro: The Ultimate Solution for International eCommerce Businesses

    Are you looking to expand your eCommerce business and take over the international market? Yet the complexities of international transactions made you reconsider your decision? Shopify Markets Pro delivers an all-in-one solution that simplifies the process of selling globally. We’ll be showing you all the things you need to know about the new toolkit of...

    The logo of Klaviyo One, a comprehensive customer data platform (CDP) that revolutionises business growth and customer engagement.

    What is Klaviyo One?

    Klaviyo One is the all-in-one platform to grow your business. Klaviyo has always been a powerful email marketing tool, but with the release of Klaviyo One, they are now a complete customer data platform (CDP). This means that you can now manage all of your customer data in one place, and use it to drive...

    Various equipment such as camera are put on the white background

    Omnichannel versus Multichannel

    Omnichannel and multi-channel: what’s the difference? We’re going to be elaborating on the differences between omnichannel and multi-channel. So let’s jump straight into it! So let’s start off with a few definitions. The defintions First of all, when we speak about channels what we mean is a medium through which a brand is able to...

    Title of the blog: WooCommerce migration: A step-by-step guide

    WooCommerce migration: A step-by-step guide on how to navigate your migration

    In the dynamic world of eCommerce, staying ahead means not just keeping pace with technology but leveraging it to your advantage. At Flatline Agency, we’ve observed a significant trend where businesses are transitioning their digital storefronts to platforms that offer more agility, scalability, and user engagement.  Introduction WooCommerce is favoured by many for its seamless...

    Season 2/2: Mastering Framer’s most useful features in 5 minutes

    Learn how to create your new intuitive, and beautiful experiences with Framer Welcome back to our Framer blog series. In our previous blog post, we started discovering how Framer can transform the process of designing, sharing, and publishing websites and prototypes without the need for coding knowledge. Framer is a comprehensive design tool tailor-made for...

    Shopware to Shopify: The best eCommerce tool in 2024

    Switching from Shopware to Shopify should be your next step, but why? Furthermore, how? We’re here to answer all these questions, so don’t worry. Introduction At Flatline, we have noticed a shift in businesses in the digital marketplace. More companies are transitioning from Shopware to Shopify to unlock new growth opportunities and enhance their digital...

    Season 2/1: Framer’s what, how, and why

    Let’s learn how to design, share, and publish your new website faster than ever with no code. At Flatline, we’re excited to announce that we will release a new blog series. This, as the title suggests, will cover how to use Framer to the best of its ability. Our first release will explain “what” Framer...

    From Lightspeed to Shopify: Optimising your migration in 2024

    Migrating from Lightspeed to Shopify is absolutely worth it, but why? And how? Don’t worry, all of these questions will be answered here. Lightspeed and Shopify Identification Lightspeed is a cloud-based commerce platform tailored for retail, hospitality, and golf businesses. It provides a comprehensive set of tools, including point-of-sale (POS) systems, inventory management, and customer...

    ChatGPT 3.5 vs ChatGPT 4: A direct comparison

    The staggering differences between ChatGPT 3.5 and ChatGPT 4, side-by-side. Welcome to our newest blog. Today we’ll be delving into the details of 2 of the most popular AI tools in the world. ChatGPT 3.5 and ChatGPT 4. As some of you may already know, Chat ChatGPT is the paid subscription provided by OpenAI, we’re...

    A-clear-step-by-step-guide-for-your-HubSpot-settings-by-Flatline-Agency-blog-post-picture.png

    HubSpot settings: Your clear guide for 2024

    A complete guide to answer all of your questions on how to set up your HubSpot Settings. Welcome to our guide on your HubSpot settings navigation. If you’re new to HubSpot and not sure how or where to start, don’t worry. This guide, along with our complementary videos, will help you through each step to...

    Season 1/4 – Shopify B2B apps

    Shopify B2B apps – the Flatline go-to’s Shopify has brought its B2B game to the next level. There are a lot of opportunities to take from the eCommerce platform and also a lot of apps to be used. We’ll introduce you to the B2B basics of Shopify and our Go to apps, for Shopify Plus...

    Season 1/3 – Shopify multistores

    Shopify multistores – the innovation of merging your online business Shopify has emerged as a beacon for retailers looking to expand their digital footprint. With the introduction of Shopify multistores, businesses now have the capability to manage multiple storefronts under a single umbrella, a feature that has revolutionised the way brands approach online selling. This...

    Season 1/2 – Shopify email setup

    Let us show you how to set up your Shopify email – store owner email and sender email! Email is more than a communication tool for your customers, it’s a real marketing tool that can be used in so many ways. 2024 is definitely an opportunity for you to step up your mail game with...

    This site is registered on wpml.org as a development site. Switch to a production site key to remove this banner.