Quantcast
Viewing all 64 articles
Browse latest View live

Color Elicits Mood In Design

Image may be NSFW.
Clik here to view.
Low Key Scheme

Given all of the elements that comprise any design project – composition, color, lighting, function, shape, texture – one of the most vexing tasks a designer must tackle is communicating the mood. Mood can be elusive, and it can be hard to evoke with precision and consistency, but there’s one tactic that can make the job easier: the deliberate, careful use of color.

The colors play a major role in setting the mood. In general, high-key schemes -- those that are mainly in the color range from mid-tone hues to white -- have a light, upbeat tone. Low-key schemes -- those that employ the range of colors from mid-tone to black -- send a more dramatic message.

In order to better understand the role of high and low key color in creating mood, it’s useful to examine several different examples that demonstrate the broad scope of emotion that can be evoked by the skillful use of color. Let’s look at several examples of moods and see how high and low key colors work in them.

Image may be NSFW.
Clik here to view.
High Key Scheme

Tranquil or Calming

You don’t need to be a professional designer to know that tranquil schemes often use a palette of blues. The difference between a pro and an amateur, though, is that experience with using and understanding colors makes all the difference.

Low chroma, grayed out or light, cool hues are the kind of low-key colors that most easily create a calming effect. Employing a palette that minimizes stark contrast between colors adds to the soothing and relaxing mood.

The potential drawback of an all cool, low-key color scheme is that your design can feel impersonal because it lacks warmth. The use of natural neutral tones can provide just enough contrast and make the tranquil mood evoked here more complex and comfortable.

While blue is the primary go-to color for calming spaces, don’t neglect other hues. Pale variations of green and lavender can work very well, too. Think in sea glass tones – pure hues that have been softened and worn, become comfortable and soothing.

It’s the nature of designers to push boundaries – see if they can bend, or even break rules and still achieve their goals. In this vein, it is possible to create a tranquil space with warmer colors – red, yellow, and orange – as long as the hues are very low chroma and very close in value to minimize contrast.

Nurturing and Caring

When the mood you’re creating is one of tenderness, your best bet is a high key palette of both warm and cool tones, light in value and with low contrast. The peaceful nature of the cool tones balanced by the protective and nurturing warm tones evokes a unique mood. The key is to soften to the contrast of complementary colors by lightening the value and intensity of your color choices. Blue and orange provide the perfect example of a complementary scheme that is nurturing once the hues are softened to pastel blue and coral.

Image may be NSFW.
Clik here to view.
Low Key Scheme

Engaging and Evocative

Rich, sumptuous textures, and deep, high chroma colors make the most of the sensual, stimulating properties of low-key colors. Sultry red, orange, yellow, and ochre awaken the senses and complementing those colors with luxurious elements or a dramatic setting strengthens the impression. Color psychology reveals that red-violet colors have a sensual effect, and broaden the palette that most designers use to create a space that awakens and stimulates.

Again, though, a designer can achieve an evocative effect with cool colors, especially if the canny designer selects a low key, deep palette and blends in touches of sumptuous textures and opulent accents.

Dynamic and Energetic

This contemporary mood can be achieved by a surprising, unexpected combination of vibrant, low-key colors in jewel tones combined with neutrals, creating a stark contrast that can leave one wondering what’s around the next corner. Create a scheme with a high degree of contrast between colors combined with unexpected neutrals creates interest and a sense of energy.

Image may be NSFW.
Clik here to view.
multi-color scheme

Whimsical and Playful

Playful moods are often created by using bright palettes with lots of vibrant, contrasting colors. Primary and secondary colors often play prominent roles, but you can also use multi-colored schemes or low key, high contrast accents in order to turn the expected on its head in a way that inspires a sense of carefree fun. Today, the whimsical mood isn’t just for children. Adults are attracted to high contrast schemes and playful patterns. This seems to be especially true of those who value creativity and innovation.

Although the color scheme is only one of the design elements used to create mood, it’s one that can create the framework around which other elements can be employed. By establishing the mood or tone of a design as one of the very first steps in the process, The mood you select guides many design decisions, beginning with the color palette.

The post Color Elicits Mood In Design appeared first on Sensational Color.


By: Tina Gleisner

Color helps us see the world around us, defining shapes & depth with shadows. Color evokes emotions differently for each of us, as I love bold and bright colors in my home while most people are more comfortable with fairly muted colors or just a splash of accent color.

By: Kate Smith

You are so right, Tina. Colors are tied to our emotions and bold, bright colors just feel good.

By: Duncan Bullock

Color is everything to me. As a graphic design and fine artist and on an individual, I experience color in profound ways.

By: Kate Smith

By: Deborah

Very helpful! I’ve studied colour theory many times over the years and still don’t quite get the difference between value and chroma. Also, under Hue on your chart of reds, I can see how the top and bottom rows come about, but the middle row confuses me – is removing red (or reducing chroma?) makes the red less saturated. Correct? Is this lower chroma or lower value? Thanks so much for your article, Kate, as I am for the first time actually able to formulate these questions. Image may be NSFW.
Clik here to view.
🙂

By: Kate Smith

Great to hear that this helped you to understand the concept, Deborah. It is difficult to pull the three characteristics but once you are able to do that and see the difference it is amazing how much more sense everything else about color becomes.

Beginning at the upper right red square and working both down and across you reduce the chroma in each square. This is true because any time you mix any other color with a pure hue you reduce the chroma.

As you noticed the value also changes.

Starting at the top and working down the value of the squares in each column are darker than the one directly above.

Starting at the right and working left the value of the squares in each row are lighter than the one directly to its right.

The chart just shows varying degrees of change in chroma and value as you get further from the original hue.

By: KFW

Your tutorial was excellent! So much about color I did not know, but your explanations are great!
thanks!


By: Kate Smith

Thanks for your glowing comment. I will be expanding the color theory information so please do stop back again. There is so much to share. 🙂 Kate

By: Busery

I thank you for your detail lecturing me.Today’s lesson was great and good guidance .I loved it

By: Busery

Your tutorial was excellent! So much about color I did not know , but your explanations are great. Thank you

By: Kate Smith

Thank you, Busery. I’m happy that you found guidance in my words and illustrations. Best, Kate

By: Renate

This website is amazing – Thank you so much!

By: Kate Smith

In reply to <a href="https://www.sensationalcolor.com/color-theory/#comments/1994">Renate</a>. Aw, thank you, Renate!

By: Boby

When was this published? I am trying to cite it.


By: Kate Smith

In reply to <a href="https://www.sensationalcolor.com/color-theory/#comments/2028">Boby</a>. I originally published the basics in 2007 but I have continued to update even this year. :-)

By: Ameera

Thank you for all ,very helpful and amazing for me But i want it as pdf or video from where or slids Image may be NSFW.
Clik here to view.
🥰

By: Kate Smith

In reply to <a href="https://www.sensationalcolor.com/color-theory/#comments/2449">Ameera</a>. Me, too! I'll be working on that over the summer. :-)

By: Siya Sethi

Thank you for this absolutely wonderful resource!!! Loved every bit of it. I would like to know if you have a pdf version of this? Since i would like to come back to this again and again for reference.

By: Revenge

Your tutorial was excellent! So much about color I did not know , but your explanations are great. Thank you

Viewing all 64 articles
Browse latest View live