Color theory is the collection of rules and guidelines which designers use to communicate with users through appealing color schemes in visual interfaces. To pick the best colors every time, designers use a color wheel and refer to extensive collected knowledge about human optical ability, psychology, culture and more.
Understanding Color
Color is perception. Our eyes see something (the sky, for example), and data sent from our eyes to our brains tells us it’s a certain color (blue). Objects reflect light in different combinations of wavelengths. Our brains pick up on those wavelength combinations and translate them into the phenomenon we call color.
When you’re strolling down the soft drink aisle scanning the shelves filled with 82 million cans and bottles and trying to find your six-pack of Coke, what do you look for? The scriptedlogoor that familiar red can?
People decide whether or not they like a product in 90 seconds or less. 90% of that decision is based solely on color. So, a very important part of your branding must focus on color.
Types of Colors
Sir Isaac Newton established color theory when he invented the color wheel in 1666. Newton understood colors as human perceptions—not absolute qualities—of wavelengths of light. By systematically categorizing colors, he defined three groups:
Primary (red, blue, yellow)
Secondary (mixes of primary colors)
Tertiary (or intermediate – mixes of primary and secondary colors)
Following Newton’s findings, the study of color advanced to cover the properties of color in its two forms—i.e., print/paint and screen/light—and in a variety of fields, from art to astronomy. A color’s properties are:
Hue – How it appears (e.g., “is green”).
Chroma – How pure it is: i.e., if it has shades (black added), tints (white added) or tones (grey added).
Lighting – How pale or saturated it appears.
Newton's Color Wheel
RGB: the additive color mixing model
Humans see colors in light waves. Mixing light—or the additive color mixing model—allows you to create colors by mixing red, green and blue light sources of various intensities. The more light you add, the brighter the color mix becomes.
If you mix all three colors of light, you get pure, white light. TVs, screens and projectors use red, green and blue (RGB) as their primary colors, and then mix them together to create other colors.
Importance: Let’s say you have a very distinct brand with a bright yellow logo. If you post the logo on Facebook, Twitter or your website and don’t use the correct color process, your logo will appear muddy instead of that bright yellow. That’s why, when working with files for any screen, use RGB, not CMYK.
CMYK: the subtractive color mixing model
Any color you see on a physical surface (paper, signage, packaging, etc.) uses the subtractive color mixing model. Most people are more familiar with this color model because it’s what we learned in kindergarten when mixing finger paints. In this case, “subtractive” simply refers to the fact that you subtract the light from the paper by adding more color.
Traditionally, the primary colors used in subtractive process were red, yellow and blue, as these were the colors painters mixed to get all other hues. As color printing emerged, they were subsequently replaced with cyan, magenta, yellow and key/black (CMYK), as this color combo enables printers to produce a wider variety of colors on paper.
Importance: You’ve decided to print a full-color brochure. If you’re investing all that money into your marketing (printing ain’t cheap!), you expect your printer is going to get the colors right.
Since printing uses the subtractive color mixing method, getting accurate color reproduction can only be achieved by using CMYK. Using RGB will not only result in inaccurate color, but a big bill from your printer when you’re forced to ask them to reprint your entire run.
The Color Wheel
The easiest way to understand what color theory is all about is to take a quick look at the color wheel. It’s the rules set by the color theory that helped create the color wheel.
The color wheel we use today is a version of the original concept of the circle of color created by Sir Isaac Newton. A quick look at this color wheel is enough to understand how its three main colors (Red, Yellow, and Blue) creates the rest of the colors in contrast to each other.
Then there are the secondary colors, (Green, Purple, and Orange), that are made when the three main colors are mixed. Followed by the rest of the six Tertiary colors that are made from a mix of primary and secondary colors.
The color wheel can also be divided into 2 main types of colors— warm colors and cool colors. When you split the color wheel into two slices you can clearly see these two types of colors in the left and right sides with warm colors and cool colors.
Understanding the difference between warm and cool colors will help you create designs that are appropriate for your brand and audience as each type is associated with different values and ideas.
Important Color Terms
The color wheel is only the foundation that you can use to create more extensive and advanced color palettes. Here are the bases of color, or the terminology, you should understand to apply the color theory when creating color palettes.
Hue: Hue is the base color and nothing more.
Chroma: Chroma is the color in its purest form.
Saturation: The vividness of the color.
Shade: When you add back to a hue it creates a shade.
Value: Value refers to the darkness or the lightness of a color.
Tint: Adding a certain amount of white to a hue creates tint.
Tone: Add some gray to a hue to create tone.
The 4 Main Color Schemes
Well, there are actually more than 4 color schemes out there, but for purposes of understanding, we wanted to briefly explain the 4 main color schemes used in design.
These are the main color schemes you can use as the base for your color palette when designing different web and graphic design projects.
Complementary: Complementary colors refer to the main colors that stand opposite to each other on the color wheel. You can add tint and shades to create unique color palettes using a complementary color scheme.
Analogous: Analogous color schemes to use the main colors right next to each other on the color wheel. This type of color schemes are quite vivid and are most suitable for casual and consumer brands.
Monochrome: Monochrome color scheme uses different shades of a single main color. This is one of the most difficult color schemes to implement in a design. But when you find a way to create a monochrome color scheme, it usually looks quite elegant.
Triadic: Triadic color schemes consist of colors that stand at the same distance to each other. This type of color palettes are mainly used in modern art and paintings and doesn’t look very pretty in digital and graphic designs.
The Psychological Effects of Color
Why is color such a powerful force in our lives? What effects can it have on our bodies and minds? While perceptions of color are somewhat subjective, there are some color effects that have universal meaning.
Colors in the red area of the color spectrum are known as warm colors and include red, orange, and yellow. These warm colors evoke emotions ranging from feelings of warmth and comfort to feelings of anger and hostility.
Colors on the blue side of the spectrum are known as cool colors and include blue, purple, and green. These colors are often described as calm, but can also call to mind feelings of sadness or indifference.
How do people respond to different colors? Below are the detailed descriptions behind the psychology of each color.
The Color Psychology of Black
Black isn't a primary, secondary, or tertiary color. In fact, black isn't on the color wheel because it isn't considered a color. It's all colors. Or rather, the absorption of all colors. Black absorbs all light in the color spectrum.
According to color psychology, color-related emotion is highly dependent on your personal preference and past experiences with that particular color. The color black is no different.
Changes Before After After creating my final 2-page spread, I asked my family and peers about what they felt about my final 2-page spread. After taking their feedback into account, I changed some of my Final 2-page spread. I did this, in order to make my final 2-page spread more professional and attention grabbing. This final 2-page spread incorporates most of the feedback I was given, by my family and my peers. The first feedback I received was to add different fonts and font styles to improve the appearance of my 2-page spread. Besides images, I was told to add designs to give my 2-page spread the feel of an art magazine. I decided to take half of this feedback into consideration, as I changed the font for my Headline, from Open Sans to Rustic Printed. I also changed the font of my subhead from Open Sans to Sukar (Yes, that’s an actual font.) I did this, in order to give more personality to my 2-page spread, and make it look more artistic. The fonts I chose are sans serif fonts, as t
Comments
Post a Comment