Color theory - Graphic Design

60

Click here to load reader

Transcript of Color theory - Graphic Design

Page 1: Color theory - Graphic Design

Color TheoryLearn how to create and enhance designs

according to the color theory.

Page 2: Color theory - Graphic Design

For feedback, communications or questions feel free to contact via

Abanoub M. NassiefAlexandria, Egypt

E-mail: [email protected]: http://eg.linkedin.com/in/abanoubmelad/Facebook: https://www.facebook.com/EngineeroBono

Page 3: Color theory - Graphic Design

First impressions are everything!

Page 4: Color theory - Graphic Design

If color theory is simplified, it can be broken down into 3 partsThe color wheel, color value, and color schemes.

Color Theory – Definition

Page 5: Color theory - Graphic Design

Each part of color theory builds on the previous. Understanding each section of color theory fully, will help you better understand its importance in the creation of art.

Color Theory – Definition

Page 6: Color theory - Graphic Design

Color Wheel is the basic theory of color represented in a circle(wheel).

Color Theory – Color Wheel

Page 7: Color theory - Graphic Design

start out with the basis of all colors, called the Primary Colors. These are red, yellow, and blue.

Color Theory – Color Wheel – Primary Colors

Page 8: Color theory - Graphic Design

mix primary colors to create the secondary colors, which are green, orange and violet. .

Color Theory – Color Wheel – Secondary Colors

Page 9: Color theory - Graphic Design

Mix secondary and primary colors. These are red- violet, blue- violet, blue- green, yellow- green, red- orange, and yellow- orange.

Color Theory – Color Wheel – Tertiary Colors

Page 10: Color theory - Graphic Design

So, now that you know how colors are made, you can understand how the color combinations on the color wheel model work

Color Theory – Color Wheel – Color Combinations

Page 11: Color theory - Graphic Design

Understanding the principles of color combinations will help you to choose combinations that work well together, set the right mood, and create the right amount of contrast within your design work. Next are the basic color combinations derived from the color wheel.

Color Theory – Color Wheel – Color Combinations

Page 12: Color theory - Graphic Design

A tint of a color is when you take a color, such as blue in the example and add white to it.

Color Theory – Color Wheel – Tints And Shades

Page 13: Color theory - Graphic Design

A shade is a hue that has black added to it. You can create a monochromatic/unified color scheme buy using tints and shades of the same hue.

Color Theory – Color Wheel – Tints And Shades

Page 14: Color theory - Graphic Design

Color Theory – Color Wheel – Tints And Shades

Page 15: Color theory - Graphic Design

Warm colors create a sense of warmth and heat in an image or a design.

When you see warm colors, you think of the sun, heat, fire, and love (passion).

Red is the color of blood, which is warm, and orange and yellow go along with summer.

Adding an orange photo filter to an image instantly makes it look warmer and happier.

Color Theory – Color Wheel – Warm Colors

Page 16: Color theory - Graphic Design

Color Theory – Color Wheel – Warm Colors

Page 17: Color theory - Graphic Design

Cool colors carry connotations of cool climates, winter, death, sadness, ice, night, and water.

Cool colors can be associated with calmness, tranquility, trust, cleanliness. Purple is associated with royalty, because they are supposed to be reserved.

Color Theory – Color Wheel – Cool Colors

Page 18: Color theory - Graphic Design

Color Theory – Color Wheel – Cool Colors

Page 19: Color theory - Graphic Design

Color Meanings

Page 20: Color theory - Graphic Design

Color Theory – Color Meanings – Red

Red is the color of love and passion.

Boxes of candies are red on valentines day. Some are pink, which is a tint of red.

Red is also the color of anger and blood. Red, orange and yellow are all found in fire.

Red can also mean danger

Page 21: Color theory - Graphic Design

Color Theory – Color Meanings – Red

Stop signs are red, which get our attention and tell us to be careful and look before we proceed.

Red is dominant, and when combined with colors such as black, can create a very masculine look.

Red commands attention and can set a serious tone.

Page 22: Color theory - Graphic Design

Color Theory – Color Meanings – Red

Page 23: Color theory - Graphic Design

Color Theory – Color Meanings – Red

Page 24: Color theory - Graphic Design

Color Theory – Color Meanings – Red

Page 25: Color theory - Graphic Design

Color Theory – Color Meanings – Red

Page 26: Color theory - Graphic Design

Color Theory – Color Meanings – Red

Page 27: Color theory - Graphic Design

Color Theory – Color Meanings – Orange

Orange represents warmth, but isn’t aggressive like red is.

Orange can portray a fun atmosphere because it is energetic and creates a sense of warmth without associated connotations of danger and blood, as with the color red.

Orange can be associated with health, such as vitamin C, which is commonly found in oranges.

Page 28: Color theory - Graphic Design

Color Theory – Color Meanings – Orange

Page 29: Color theory - Graphic Design

Color Theory – Color Meanings – Orange

Page 30: Color theory - Graphic Design

Color Theory – Color Meanings – Orange

Page 31: Color theory - Graphic Design

Color Theory – Color Meanings – Orange

Page 32: Color theory - Graphic Design

Color Theory – Color Meanings – Orange

Page 33: Color theory - Graphic Design

Color Theory – Color Meanings – Yellow

Yellow is associated with the sun and warmth.

When used with orange, it creates a sense of summer fun.

Yellow can be associated with thirst, and can be found on the walls of many refreshment shops.

Yellow can also be associated with fear, which comes from the old expression of someone being “yellow.”

When combined with black, it can gain a lot of attention. A good example outside of design would be a taxi. The combination gets a lot of attention.

Page 34: Color theory - Graphic Design

Color Theory – Color Meanings – Yellow

Page 35: Color theory - Graphic Design

Color Theory – Color Meanings – Yellow

Page 36: Color theory - Graphic Design

Color Theory – Color Meanings – Yellow

Page 37: Color theory - Graphic Design

Color Theory – Color Meanings – Yellow

Page 38: Color theory - Graphic Design

Color Theory – Color Meanings – Green

Green is the color of money, so in our culture it is associated with wealth.

Since most plants are green, it is also associated with growth and health.

It is used to show that products are natural and healthy, it also connotes profit and gain.

Combined with blue, green further perpetuates health, cleanliness, life, and nature.

Page 39: Color theory - Graphic Design

Color Theory – Color Meanings – Green

Page 40: Color theory - Graphic Design

Color Theory – Color Meanings – Green

Page 41: Color theory - Graphic Design

Color Theory – Color Meanings – Green

Page 42: Color theory - Graphic Design

Color Theory – Color Meanings – Green

Page 43: Color theory - Graphic Design

Color Theory – Color Meanings – Green

Page 44: Color theory - Graphic Design

Color Theory – Color Meanings – Blue

Depending on the tint and shade of blue, it can represent different feelings, thoughts, and emotions.

In imagery, dark shades of blue can give a sense of sadness.

An expression that goes along with this is “singing the blues” when someone is sad.

Light blue is the color of the sky and of water, which can be refreshing, free, and calm. Blue skies are calming and tranquil. Water washes away dirt and cleans wounds.

Blue can represent freshness and renewal, such as when rain washes away dirt and dust. The calmness of blue promotes relaxation.

Page 45: Color theory - Graphic Design

Color Theory – Color Meanings – Blue

Page 46: Color theory - Graphic Design

Color Theory – Color Meanings – Blue

Page 47: Color theory - Graphic Design

Color Theory – Color Meanings – Blue

Page 48: Color theory - Graphic Design

Color Theory – Color Meanings – Blue

Page 49: Color theory - Graphic Design

Color Theory – Color Meanings – Blue

Page 50: Color theory - Graphic Design

Color Theory – Color Meanings – Purple

Associated from the color of the robes of royalty, purple relates to royalty.

Purples with more red can be associated with romances, intimacy, softness, and comfort.

Purple can give a sense of mystique as well as luxury.

A good example would be the wine website.

Page 51: Color theory - Graphic Design

Color Theory – Color Meanings – Purple

Page 52: Color theory - Graphic Design

Color Theory – Color Meanings – White

White can be associated with sterility, due to doctors wearing white and most hospitals being white.

Because most artistic depictions of religious figures are completely colorless, white represents “good” and holiness.

White can represent cleanliness, such as clean linens and clean laundry. It can represent softness due to cotton and clouds.

It can reference mental health due to the white coats and uniforms, white walls, etc.

White is great for connoting health and cleanliness, as shown in the optical website shown below.

Page 53: Color theory - Graphic Design

Color Theory – Color Meanings – White

Page 54: Color theory - Graphic Design

Color Theory – Color Meanings – Black

Black is mostly associated with death, especially in the United States.

It can represent decay — due to rot — based on how food breaks down and turns black.

Black can represent evil, because it is the opposite of white, which often represents good.

It can represent anxiety due to darkness and the unknown.

A lot of black in an image can suggest depression and despair, as well as loneliness. However, despite all of the negative connotations, when combined with other colors, such as gold, it can represent luxury. Combined with silver or grey, it can represent sophistication, such as in the timepiece website shown below.

Page 55: Color theory - Graphic Design

Color Theory – Color Meanings – Black

A lot of black in an image can suggest depression and despair, as well as loneliness.

However, despite all of the negative connotations, when combined with other colors, such as gold, it can represent luxury.

Combined with silver or Grey, it can represent sophistication, such as in the timepiece website.

Page 56: Color theory - Graphic Design

Color Theory – Color Meanings – Black

Page 57: Color theory - Graphic Design

Conclusion

Page 58: Color theory - Graphic Design

It is essential to understand color as a designer.

Everything that you design should take color into serious and careful consideration.

Color Theory – Conclusion

Page 59: Color theory - Graphic Design

The color choices that you make can create a great effect on the mood of your work.

The right combination can gain attention and delivers the right message visually, further driving the message into your viewers’ minds.

Color Theory – Conclusion

Page 60: Color theory - Graphic Design

Thank You