The Art of Colors
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
The Art of Colors
There are two color systems
lighting Printing
red + green + blue = white magenta + yellow + cyan = black
What are these ?
primarysecondary
tertiarycolors
Presenter
Presentation Notes
Hue - name and properties/mixture of a color that enables it to be perceived Brilliance - how light or dark a color is Saturation - the level and mixture of white, black, grey or complimentary included in color Extension - proportions of color Simultaneous - shifting of colors to complementary
Learn the color wheel
Learn the color wheel
Primary colors
Learn the color wheel
Secondary colors
Learn the color wheel
Tertiary colors
Color Values
Color Values are the lights and darks of a color you create by using black and white (‘neutral’) with a color . This makes hundreds of more colors from the basic 12 colors of wheel .
• White + Color = Tint
• Color + Black = Shade
Tints
Tints are lighted colors . Always begin with white and add a bit of color to the white until the desired tint obtained . This is an example of a value scale for the tints of blue .
Shades
Shades are darkened colors . Always begin with the color and add just a bit of black at a time to get the desired shade of color . This is an example of a value scale for the shades of blue .
Analogous colors
The analogous color scheme is 3-5 colors adjacent to each other on the color wheel . This combination of colors provides very little contrast .
Opposite colors are complementary
Complementary colors are opposite on the color wheel provided a high contrast – if you wanted to be noticed wear complementary colors !
Monochromatic
This non-objective painting has a color scheme – blue and the values (tints and shades) of blue
“Mono” means “one”, “ chroma” means “color” … Monochromatic color scheme have only one color and its values.
Warm
Warm colors are found on the right side of the color wheel . They are colors found in fire and the sun . Warm colors makes objects look closer in a painting or drawing .
This is an illustration of the use of Warmcolors – reds , oranges and yellows .
Warm
Cool
Cool colors are found on the left side of the color wheel . They are the colors found in ice and tend to recede in a composition.
Note the Coolcolor scheme in this painting (greens , purples and blues).
Cool
Web color wheel
Do colors have personality ?
© Edward Burtynsky
What about this orange ?
Presenter
Presentation Notes
Mixture of yellow and red. Orange represents enthusiasm, fascination, happiness, creativity, determination, attraction, success, encouragement, and stimulation. In heraldry, orange is symbolic of strength and endurance. When diluted with black, declines into dull and withered brown. Dark orange can mean deceit and distrust.
© Philip-Lorca diCorcia
How about this yellow ?
Presenter
Presentation Notes
Yellow is the color of sunshine. It’s associated with joy, happiness, intellect, and energy. Yellow produces a warming effect, arouses cheerfulness, stimulates mental activity, and generates muscle energy. Shades of yellow (when gray is added) are visually unappealing because they lose cheerfulness and become dingy. Dull (dingy) yellow represents caution, decay, sickness, and jealous.
© Cindy Sherman
And what about this green ?
Presenter
Presentation Notes
Green is the color of nature. It symbolizes growth, harmony, freshness, and fertility. Green has strong emotional correspondence with safety. Yellow-green can indicate sickness, cowardice, discord, and jealousy
It’s aboutrelationships
Dynamicrelationship
Dynamic-staticrelationship
Staticrelationship
It’s a matter of contrast
Presenter
Presentation Notes
Color perception
It’s about balance
Think with your eyes !
Color palettetips & tools
Strive for harmony
Be mindful of contrast effects
Understand color dominance
Ensure text readabilitythrough contrast
• Avoid the use of textures and pattern for backgrounds behind texts
• Avoid contrasts that cause eye fatigue
• Avoid color combinations that cause illusions when positioned together
Enhance user experience
• Establish conventions and use color consistently
• Use color both to support users’ tasks and for branding
• Use color to enhance aesthetic appeal and user satisfaction
Use color for identification, grouping, and emphasis
• Relate visual elements
• Demarcate different areas
• Highlight important task-related information
Use color associations in expressing state information
• Be consistent with job-related color associations
• Learn about cultural color associations
Indicate availability using color or value
• For links
• For controls
• For icons
• For windows
Related Documents
