![Page 1: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/1.jpg)
Principles of Visual Design 2720
Principles of Visual Design LCC 2720
Lecture 3
Color
![Page 2: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/2.jpg)
Principles of Visual Design 2720
Color Wheel
![Page 3: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/3.jpg)
Principles of Visual Design 2720
Primary Colors
![Page 4: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/4.jpg)
Principles of Visual Design 2720
Secondary Colors
![Page 5: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/5.jpg)
Principles of Visual Design 2720
Tertiary Colors
![Page 6: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/6.jpg)
Principles of Visual Design 2720
Primary, Secondary and Tertiary Colors
![Page 7: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/7.jpg)
Principles of Visual Design 2720
Primary, Secondary and Tertiary Colors
![Page 8: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/8.jpg)
Principles of Visual Design 2720
Standard 12-Color Wheel
![Page 9: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/9.jpg)
Principles of Visual Design 2720
Three Characteristics of Color
Hue
Saturation
Value
![Page 10: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/10.jpg)
Principles of Visual Design 2720
Hue, Saturation and Brightness (Value)in the Photoshop/Illustrator Color Picker
![Page 11: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/11.jpg)
Principles of Visual Design 2720
Hue, Saturation and Brightness (Value)in the Photoshop/Illustrator Color Picker
![Page 12: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/12.jpg)
Principles of Visual Design 2720
The First Color Wheel
Sir Isaac Newton created the first color wheel resulting from his experiments with refracting light.
![Page 13: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/13.jpg)
Principles of Visual Design 2720
Modern Color Theory
![Page 14: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/14.jpg)
Principles of Visual Design 2720
Color Theory Overview
According to color theory, harmonious color combinations use:
Any two colors opposite each other on the color wheel.
Any group of colors next to each other on the color wheel.
Any three colors equally spaced around the color wheel forming a triangle.
Color schemes remain harmonious regardless of the rotation angle.
![Page 15: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/15.jpg)
Principles of Visual Design 2720
Color Theory Overview
Any four colors forming a rectangle.
The split of one color’s compliment.
Monochromatic combinations.
Color schemes remain harmonious regardless of the rotation angle.
![Page 16: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/16.jpg)
Principles of Visual Design 2720
Monochromatic
Monochromatic color schemes are guaranteed to be harmonious as they are a single color with variations of value and saturation. They have the highest degree of harmony, but the lowest degree of contrast. Since they grab your attention less than any other color combination they’re usually used for more reserved, corporate, expensive, or nostalgic types of designs.
![Page 17: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/17.jpg)
Principles of Visual Design 2720
Monochromatic Design
However, as all rules are there to be broken, the laid back color scheme of this design makes it extremely appealing to the eye. The uniformity and subtlety of color is balanced with a huge upside-down alphabet and strange collage of iconography. If the colors contrasted each other with hue we wouldn’t notice the strange imagery as much.
![Page 18: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/18.jpg)
Principles of Visual Design 2720
Monochromatic Design
Because of the emphasize on the iconography in monochromatic designs this is actually a very common technique among designers today.
![Page 19: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/19.jpg)
Principles of Visual Design 2720
Complementary Colors
Any two colors 180 degrees opposite on the color wheel.
![Page 20: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/20.jpg)
Principles of Visual Design 2720
Complementary Colors
Complementary Colors have the highest contrast (in terms of hue, not value). Because of this they are as bold of a combination as possible. Color compositions based on them usually work, however can become tiring to look at due to the high hue contrast.
![Page 21: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/21.jpg)
Principles of Visual Design 2720
Expansion of Color Theory
Standard color theory doesn’t take color value into account. So, according to color theory, these two compositions are technically the same as the complimentary colors of magenta and green. Therefore you can adjust the value of the hue and lower the punch-factor of these colors.
![Page 22: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/22.jpg)
Principles of Visual Design 2720
Complimentary Colors
Using Compliments as a basis for a color scheme, but slightly branching out to include variances of value, will widen the breadth and make compositions that are pleasing for longer periods of time.
+ =
![Page 23: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/23.jpg)
Principles of Visual Design 2720
Artists Mix Complimentaries to Achieve Rich Vibrant Grays, Browns, and Neutral Colors…
![Page 24: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/24.jpg)
Principles of Visual Design 2720
Analogous Colors
These are any number of colors that are adjacent on the color wheel.
![Page 25: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/25.jpg)
Principles of Visual Design 2720
Analogous Colors
![Page 26: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/26.jpg)
Principles of Visual Design 2720
Analogous Colors
These combinations have an extremely high degree of harmony but low degree of contrast.
![Page 27: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/27.jpg)
Principles of Visual Design 2720
These can seem very drab. A complimentary color could be added here for an accent that add dynamism to the design
Analogous Colors
![Page 28: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/28.jpg)
Principles of Visual Design 2720
These can seem very drab. A complimentary color could be added here for an accent that add dynamism to the design
Analogous Colors
![Page 29: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/29.jpg)
Principles of Visual Design 2720
Triadic Colors
Triadic colors are any colors 120 degrees (one third of a 360 degree circle) apart on the color wheel.
![Page 30: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/30.jpg)
Principles of Visual Design 2720
The Triad of the Three Primary Colors are the most energetic and balanced color combination possible. Together, they draw intense visceral interest.
![Page 31: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/31.jpg)
Principles of Visual Design 2720
The Triad of the Three Primary Colors are the most energetic and balanced color combination possible. Together, they draw intense visceral interest, as such, they are appealing to children. Due to the commercial forces of marketing, we’ve learned to associate this Triad with children.
![Page 32: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/32.jpg)
Principles of Visual Design 2720
Split Complimentary
This is a combination of two colors next to the opposite of the first color.
![Page 33: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/33.jpg)
Principles of Visual Design 2720
Split Complimentary Colors
This is structure is dynamic enough to hold interest, but not with an excess of intensity of hue contrast from which the eye tires so easily.
![Page 34: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/34.jpg)
Principles of Visual Design 2720
Split Complimentary
This combination balances the interests of harmony and contrast, neither dominating the composition
![Page 35: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/35.jpg)
Principles of Visual Design 2720
Split Complimentary
This combination balances the interests of harmony and contrast, neither dominating the composition
![Page 36: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/36.jpg)
Principles of Visual Design 2720
Split Complimentary
This combination balances the interests of harmony and contrast, neither dominating the composition
![Page 37: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/37.jpg)
Principles of Visual Design 2720
Analogous with a Single Complimentary
This usually is pretty striking combination as the analogous colors are of the strongest harmony, but the compliment of the center color punches the composition with a dramatic accent.
![Page 38: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/38.jpg)
Principles of Visual Design 2720
Double Complimentary
Double complimentary combinations are almost on the verge of breaking down into simply a panoply of color without any structure. However, since we can still intuitively grasp the structure of this combination it will retain a (weakened) harmony.
![Page 39: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/39.jpg)
Principles of Visual Design 2720
Double Complimentary
![Page 40: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/40.jpg)
Principles of Visual Design 2720
Double Complimentary may be referred to as ‘Tetrads’
![Page 41: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/41.jpg)
Principles of Visual Design 2720
Invent New Color Combination Structures
Of course, you can always invent new combinatory structures. You could call this one a “Missing Tetradic”.
?
![Page 42: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/42.jpg)
Principles of Visual Design 2720
Invent New Color Wheels
Many Crafts such as Floral Arrangement and Furniture Craft have their own Color Wheels. Individual artists often devise their own color wheels to limit their color palettes with a concrete reference in an intuitive way.
![Page 43: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/43.jpg)
Principles of Visual Design 2720
LIMIT YOUR COLOR PALETTE
The All Important Fact You Should Remember from Color Theory is to define your color palette and stick with it. If you find a color you feel just has to go into your composition, you should rethink your palette altogether and possibly start over.
![Page 44: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/44.jpg)
Principles of Visual Design 2720
A Tip for Nice Color Combinations
1) Get a photo with some colors you like.
2) Open it in Photoshop and tweak/exaggerate the colors
Using “Curves”.
3) Use the eyedropper, get some colors off it
and paint some swatches.
![Page 45: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/45.jpg)
Principles of Visual Design 2720
Color Balancing
Different colors have different levels of influence on drawing the eye. For example…
![Page 46: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/46.jpg)
Principles of Visual Design 2720
Color Balancing
Different colors have different levels of influence on drawing the eye. For example…
![Page 47: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/47.jpg)
Principles of Visual Design 2720
Color Balancing
The yellow is screaming for attention while the blue patiently waits for your eye.
![Page 48: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/48.jpg)
Principles of Visual Design 2720
Color Balancing
So this is an unbalanced color composition.
![Page 49: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/49.jpg)
Principles of Visual Design 2720
Color Balancing
So how can we balance this composition out?
![Page 50: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/50.jpg)
Principles of Visual Design 2720
We could try this.
Color Balancing
![Page 51: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/51.jpg)
Principles of Visual Design 2720
Or this.
Color Balancing
![Page 52: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/52.jpg)
Principles of Visual Design 2720
Or this.
Color Balancing
![Page 53: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/53.jpg)
Principles of Visual Design 2720
Accent Colors
Accent colors define a composition by drawing attention due to their anomaly in the design. Most effective designs have carefully calculated combination of accent and dominant colors.
![Page 54: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/54.jpg)
Principles of Visual Design 2720
Accent Colors
![Page 55: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/55.jpg)
Principles of Visual Design 2720
Accent Colors
![Page 56: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/56.jpg)
Principles of Visual Design 2720
Warm and Cool Colors
Cool colors tend to spread out and soothe, where warm colors tend to contract and excite. When creating color palettes for your designs use this knowledge to your advantage. Choose the colors that help communicate your message by reinforcing its underlying logic.
![Page 57: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/57.jpg)
Principles of Visual Design 2720
How do these colors tell you how to feel about your “McDonald’s Experience”?
![Page 58: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/58.jpg)
Principles of Visual Design 2720
However, also due to the attention-gettingpower of yellow it is also used to mean caution…
![Page 59: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/59.jpg)
Principles of Visual Design 2720
Cultural, physiological and personal forces each contribute to our perceptions of color
![Page 60: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/60.jpg)
Principles of Visual Design 2720
Hue Intensity
Lowering the overall hue intensity of a design usually gives it an aged look. This is reminiscent of black and white/sepia film and photographs.
![Page 61: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/61.jpg)
Principles of Visual Design 2720
Juxtaposition changes how color is perceived…
Is this a rich butterscotch mocha…
![Page 62: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/62.jpg)
Principles of Visual Design 2720
Juxtaposition changes how color is perceived…
Or a Dirty Yellow…
![Page 63: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/63.jpg)
Principles of Visual Design 2720
Sequence changes how color is perceived…
Is this a pure grey…
![Page 64: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/64.jpg)
Principles of Visual Design 2720
Sequence changes how color is perceived…
![Page 65: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/65.jpg)
Principles of Visual Design 2720
Sequence changes how color is perceived…
Or a cool grey…
![Page 66: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/66.jpg)
Principles of Visual Design 2720
We have two types of Photoreceptor
cells inside our eye:
Rods: Which responds to dim light.
Cones: Which responds daylight and color.
![Page 67: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/67.jpg)
Principles of Visual Design 2720
They’re names were given for a very clear reason…
![Page 68: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/68.jpg)
Principles of Visual Design 2720
Animals such as dogs have more Rods than we do but less Cones. What does this mean?
![Page 69: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/69.jpg)
Principles of Visual Design 2720
1) They have better night vision.
2) In darkness they have greater sensitivity to differences in color Value, but not Hue.
This is why they have trouble seeing a red ball in green grass. They aren’t color blind, but are color impaired compared to humans.
Red ball in thegrass to you…
and to your dog.
![Page 70: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/70.jpg)
Principles of Visual Design 2720
1) They have better night vision.
2) In darkness they have greater sensitivity to differences in color Value, but not Hue.
This is why they have trouble seeing a red ball in green grass. They aren’t color blind, but are color impaired compared to humans.
Red ball in thegrass at night to you…
and to your dog.
![Page 71: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/71.jpg)
Principles of Visual Design 2720
RBG
Red Green and Blue
![Page 72: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/72.jpg)
Principles of Visual Design 2720
RBG(additive color process)
On RBB monitors small phosphoric dots combine to form color.
![Page 73: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/73.jpg)
Principles of Visual Design 2720
RBG(additive color process)
Red, Blue and Green light combines to form White.
![Page 74: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/74.jpg)
Principles of Visual Design 2720
RBG(additive color process)
![Page 75: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/75.jpg)
Principles of Visual Design 2720
RBG(additive color process)
![Page 76: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/76.jpg)
Principles of Visual Design 2720
RGB in the Photoshop/Illustrator Color Picker
![Page 77: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/77.jpg)
Principles of Visual Design 2720
CMYK
Used for printed materials:
Cyan, Magenta, Yellow and Black
![Page 78: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/78.jpg)
Principles of Visual Design 2720
CMYK(subtractive color process)
![Page 79: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/79.jpg)
Principles of Visual Design 2720
CMYK in the Photoshop/Illustrator Color Picker
![Page 80: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/80.jpg)
Principles of Visual Design 2720
The Web Uses a “Hexidecimal” Numerical System for Colors
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
0 1 2 3 4 5 6 7 8 9 A B C D E F
Decimal
Hex
![Page 81: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/81.jpg)
Principles of Visual Design 2720
Some Hex Colors
![Page 82: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/82.jpg)
Principles of Visual Design 2720
Color Gamut
Is the full range of colors that can be recorded or output by a particular medium. In other words, its “Color Space”.
![Page 83: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/83.jpg)
Principles of Visual Design 2720
Color Gamut
The yellow line = the color gamut for an average RGB monitor.
The cyan line = the color gamut for average CMYK printing.
![Page 84: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/84.jpg)
Principles of Visual Design 2720
Human Color (Visible Light) Gamut
![Page 85: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/85.jpg)
Principles of Visual Design 2720
Human Color Gamut
![Page 86: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/86.jpg)
Principles of Visual Design 2720
The Gestalt of Color
When our cones are flooded with color for a period of time they become overloaded in a sense. This is best understood through an experiment.
![Page 87: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/87.jpg)
Principles of Visual Design 2720
Stare at the dot for 30 seconds…
![Page 88: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/88.jpg)
Principles of Visual Design 2720
Stare at the dot for 30 seconds…
![Page 89: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/89.jpg)
Principles of Visual Design 2720
Synesthesia
This is the faculty to receive stimuli through one sense, sight, for example, and perceive it through another, hearing, for example.
![Page 90: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/90.jpg)
Principles of Visual Design 2720
Synesthesia
Wassily Kandinsky heard blaring trumpets when he saw bright yellow.
![Page 91: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/91.jpg)
Principles of Visual Design 2720
Some Synesthese Experience Have Words, Numbers, Space, Color cross wired in very interesting ways.
Radical = Radical
or
452-6220 = 452-6220
![Page 92: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/92.jpg)
Principles of Visual Design 2720
Some Synesthese Experience Have Words, Numbers, Space, Color cross wired in very interesting ways.
“bzzzzzzzzzzzzzz” =
![Page 93: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/93.jpg)
Principles of Visual Design 2720
Which is Kiki and which is Booba?
We all are synesthese, it’s just more subtle for most of us…
![Page 94: Principles of Visual Design LCC 2720 Lecture 3 Color](https://reader036.vdocuments.net/reader036/viewer/2022062422/56813574550346895d9cd8a7/html5/thumbnails/94.jpg)
Principles of Visual Design 2720
??
?