Module 2

Develop
Design
Studies

COLOR THEORY
 COLOR THEORY
Module 2

Module 1.2
Develop
Design
Studies

HOW DO COLORS USED IN

THE COMPOSITION OF
THE FOLLOWING DESIGN?
 COLOR THEORY
Module 23.2 Week 1

Develop
Design
Studies
 COLOR THEORY
Module 2

Develop
Design
Studies
NEGROS OCCIDENTAL HIGH SCHOOL K to 12 Senior High School Core Subject
Applied ICT – Empowerment Technologies
Module 1 Module 2 Module 3 Module 4 Module 5 Module 6 Module 7 Module 8 Module 9 Module 10 References
1
Week 1
 COLOR THEORY
Module 2

Develop
Design
Studies
 COLOR THEORY
Module 2

Develop
Design
Studies
 COLOR THEORY
Module 2

Develop
Design
Studies
 K to 12 Senior High School Applied ICT Subject
Empowerment Technologies
Lesson 1 Lesson 2 Lesson 3 Lesson 4 Lesson 5 Lesson 6 Lesson 7 Lesson 8 Lesson 9 Lesson 10 References

Week 1

Course Subject: Empowerment Technologies

Course Subject Description:

Information and communication technologies as a
tool for curating, contextualizing, collaborating, and
creating content and experiences for learning in the
professional tracks.
 K to 12 Senior High School Applied ICT Subject
Empowerment Technologies
Lesson 1 Lesson 2 Lesson 3 Lesson 4 Lesson 5 Lesson 6 Lesson 7 Lesson 8 Lesson 9 Lesson 10 References

Week 1

Course Subject: Empowerment Technologies

Course Subject Description:

Information and communication technologies as a
tool for curating, contextualizing, collaborating, and
creating content and experiences for learning in the
professional tracks.
 K to 12 Senior High School Applied ICT Subject
Empowerment Technologies
Lesson 1 Lesson 2 Lesson 3 Lesson 4 Lesson 5 Lesson 6 Lesson 7 Lesson 8 Lesson 9 Lesson 10 References

Week 1

Course Subject: Empowerment Technologies

Course Subject Description:

Information and communication technologies as a
tool for curating, contextualizing, collaborating, and
creating content and experiences for learning in the
professional tracks.
 K to 12 Senior High School Applied ICT Subject
Empowerment Technologies
Lesson 1 Lesson 2 Lesson 3 Lesson 4 Lesson 5 Lesson 6 Lesson 7 Lesson 8 Lesson 9 Lesson 10 References

Week 1

Course Subject: Empowerment Technologies

Course Subject Description:

Information and communication technologies as a
tool for curating, contextualizing, collaborating, and
creating content and experiences for learning in the
professional tracks.
 COLOR THEORY
Module 2

Develop
Graphic Design Elements
Design
Studies
Lines COLORS
as primary attributes to image

Colors give form to an image. You are

able to appreciate an image because of
how colors blend to create the image
 COLOR THEORY
Module 2

Develop
Design
COLOR THEORY 1- Color as Light
Studies

(Additive Color Theory)

Red, Green, and Blue

(The primary colors of light)
 COLOR THEORY
Module 2
COLOR THEORY
Graphic 2- Color
Design as Pigment
Elements
Develop
Design
Studies
or Molecular Coloring Agents
(Subtractive Color Theory)

Red, Yellow, and Blue Cyan, Magenta, and Yellow

(The primary colors of pigments (The primary colors of inks in
in the art world) the printing industry) *
 COLOR THEORY
Module 2

Develop
Graphic Design
COLOR Elements
MODES
Design
Studies

Device dependent Device independent

RGB CMYK HSB
•Hue
-Red -Cyan
•Saturation
-Green -Magenta
•Brightness
-Blue -Yellow
-Black
 COLOR THEORY
Module 2

Develop
GraphicCOLOR
DesignWHEEL
Elements
Design
Studies
 COLOR THEORY
Module 2

Develop
Graphic Design
COLOR Elements
HARMONY
Design
Studies
Monochromatic Complementary Analogous

Triad(triadic) Split-Complementary Rectangle

(tetradic)
 NEGROS OCCIDENTAL HIGH SCHOOL K to 12 Senior High School Core Subject
Applied ICT – Empowerment Technologies
Module 1 Module 2 Module 3 Module 4 Module 5 Module 6 Module 7 Module 8 Module 9 Module 10 References
1
Module 4.2 Week 1

Graphic Design
COLOR Elements
HARMONY
Monochromatic Complementary Analogous

Triad(triadic) Split-Complementary Rectangle

(tetradic)
 COLOR THEORY
Module 2

Imaging and
Design
Develop
Design
Studies

Color in design

Use color to label or show hierarchy.

Use color to represent or imitate reality.
Use color to unify, separate, or emphasize.
Use color to decorate.
Use color consistently.
 COLOR THEORY
Module 2

Develop
Design
Tints - adding white to a pure hue:
Studies

Shades - adding black to a pure hue:

Tones - adding gray to a pure hue:

 COLOR THEORY
Module 2 Week 1

Develop
Design
COLOR MEANINGS
Studies

Color plays a vitally important role in the

world in which we live.
Color can sway thinking, change actions, and
cause reactions. It can irritate or soothe your
eyes, raise your blood pressure or suppress
your appetite.
When used in the right ways, color can even
save on energy consumption.
 COLOR THEORY
Module 2

Develop
Design
COLOR MEANINGS
Studies
Red: Passion, Love, Anger
Orange: Energy, Happiness, Vitality
Yellow: Happiness, Hope, Deceit
Green: New Beginnings, Abundance, Nature
Blue: Calm, Responsible, Sadness
Purple: Creativity, Royalty, Wealth
Black: Mystery, Elegance, Evil
Gray: Moody, Conservative, Formality
White: Purity, Cleanliness, Virtue
Brown: Nature, Wholesomeness, Dependability
Tan or Beige: Conservative, Piety, Dull
Cream or Ivory: Calm, Elegant, Purity
 COLOR THEORY
Module 2

Develop
Design
COLOR MEANINGS
Studies

Is red the most extreme & powerful color on earth?

 NEGROS OCCIDENTAL HIGH SCHOOL K to 12 Senior High School Core Subject
Applied ICT – Empowerment Technologies
Module 1 Module 2 Module 3 Module 4 Module 5 Module 6 Module 7 Module 8 Module 9 Module 10 References
1
Module 4.2 Week 1

COLOR MEANINGS
Red: Passion, Love, Anger
is the color of extremes. It’s the color of passionate love,
seduction, violence, danger, anger, and adventure. Our
prehistoric ancestors saw red as the color of fire and blood
– energy and primal life forces – and most of red’s
symbolism today arises from its powerful associations in
the past.
 COLOR THEORY
Module 2

Develop
Design
COLOR MEANINGS
Studies

How can yellow be the color of both happiness and

caution today?
 COLOR THEORY
Module 2

Develop
Design
COLOR MEANINGS
Studies

Yellow: Happiness, Hope, Deceit

is the most luminous of all the colors of the spectrum.
It’s the color that captures our attention more than any other
color.
In the natural world, yellow is the color of sunflowers and
daffodils, egg yolks and lemons, and bees.
In our contemporary human-made world, yellow is the color of
Sponge Bob, happy faces, post its, and signs that alert us to
danger or caution.

It’s the color of happiness, and optimism, of enlightenment and

creativity, sunshine and spring.
 COLOR THEORY
Module 2

Develop
Design
COLOR MEANINGS
Studies
Designing with Yellow
Although there are strong mustard yellows and deep
yellow but there are no dark yellows.

Yellow is the only color that reacts badly to black: Add a

little black and it becomes a sickly yellow-green.
 COLOR THEORY
Module 2

Develop
Design
COLOR MEANINGS
Studies
How Yellow Affects Vision
Yellow is the most visible color of the spectrum.
The human eye processes yellow first. This explains why it
is used for cautionary signs and emergency rescue vehicles.
Peripheral vision is 2.5 times higher for yellow than for red.
Yellow has a high light reflectance value and therefore it
acts as a secondary light source. Excessive use of bright
yellow (such as on interior walls) can irritate the eyes.
 COLOR THEORY
Module 2

Develop
Design
COLOR MEANINGS
Studies

Supposing the color blue was removed from the world,

specifically the sea and sky ... what color would fill the
void?
 COLOR THEORY
Module 2

Develop
Design
COLOR MEANINGS
Studies

Blue: Calm, Responsible, Sadness

Is the favorite color of all people. It’s nature’s color
for water and sky, but is rarely found in fruits and
vegetables.
Today, blue is embraced as the color of heaven and
authority, denim jeans and corporate logos. It is
cold, wet, and slow as compared to red’s warmth,
fire, and intensity.
 COLOR THEORY
Module 2

Develop
Design
COLOR MEANINGS
Studies
Blue has more complex and contradictory meanings than
any other color. These can be easily explained by
pinpointing by the specific shade of blue.

Dark blue: trust, dignity, intelligence, authority

Bright blue: cleanliness, strength, dependability, coolness

(The origin of these meanings arise from the qualities of

the ocean and inland waters, most of which are more
tangible.)
 COLOR THEORY
Module 2

Develop
Design
COLOR MEANINGS
Studies

How Blue Affects Vision

Blue is sharply refracted by the eyes.
This causes the lens to flatten and to
push the blue image back. We perceive
that blue areas are receding and
smaller.
 COLOR THEORY
Module 2

Develop
Design
COLOR MEANINGS
Studies

Ecology, luck, envy, or fertility? Will sleeping on a pea-

green pillow prevent baldness?
 COLOR THEORY
Module 2

Develop
Design
COLOR MEANINGS
Studies

Green: New Beginnings, Abundance, Nature

Since the beginning of time, green has signified

growth, rebirth, and fertility. In pagan times, there
was the "Green Man" - a symbol of fertility.
Global Meanings of Green
Green is universally associated with nature.
Green symbolizes ecology and the environment.
Traffic lights are green all over the world.
 COLOR THEORY
Module 2

Develop
Design
COLOR MEANINGS
Studies

Designing with Green

There are more shades of green than that of any other
color. Greens range from yellow-greens, such as lime and
avocado greens, to those with a blue tinge (such as
emerald). Aqua or turquoise are colors that are typically
half green and half blue.
 COLOR THEORY
Module 2

Develop
Design
COLOR MEANINGS
Studies

Signage: Green vs. Red Exit Signs

Green exit signs have an important advantage when there
is smoke in the air (in other words, when a fire is burning).
With red exit signs, it looks like a fire - firemen have
actually rushed into burning buildings and tried to put out
the signs! With a green sign, people know it isn't the fire
itself but the way to safety.
 COLOR THEORY
Module 2

Develop
Design
COLOR MEANINGS
Studies

Is purple the most supernatural color? Or is it truly a

happy color?
 COLOR THEORY
Module 2

Develop
Design
COLOR MEANINGS
Studies

Purple: Creativity, Royalty, Wealth

Purple symbolizes nobility and luxury to most
people in the world.
Purple’s rarity in nature and the expense of
creating the color and has given purple a
supernatural aura for centuries.
Purple is also the most powerful wavelength of
the rainbow – and it’s a color with a powerful
history that has evolved over time.
 NEGROS OCCIDENTAL HIGH SCHOOL K to 12 Senior High School Core Subject
Applied ICT – Empowerment Technologies
Module 1 Module 2 Module 3 Module 4 Module 5 Module 6 Module 7 Module 8 Module 9 Module 10 References
1
Module 4.2 Week 1

COLOR MEANINGS
Designing with Purple
The opposites of hot red and cool blue combine to
create this intriguing color.
There are three distinct purples: Red-Purple,
Purple, Blue-Purple. Red-purples are warm, blue-
purples are cool, and pure purple is neutral.

How Purple Affects Vision

Purple is the hardest color for the eye to
discriminate.
 COLOR THEORY
Module 2

Develop
Design
COLOR MEANINGS
Studies

Juicy and vibrant orange! But is it crass?

Orange is vibrant. It’s hot, healthy, fruity and engaging –

but it can be abrasive and crass. It’s a polarizing color.
People either love it or detest it.
 COLOR THEORY
Module 2

Develop
Design
COLOR MEANINGS
Studies

Orange: Energy, Happiness, Vitality

Orange is vibrant. It’s hot, healthy, fruity and
engaging – but it can be abrasive and crass. It’s a
polarizing color. People either love it or detest it.
Orange is the only color of the spectrum whose
name was taken from an object, the popular fruit
- the orange. In nature it’s the color of vivid
sunsets, fire, vegetables, flowers, fish, and many
citrus fruits.
Orange symbolizes energy, vitality, cheer,
 COLOR THEORY
Module 2 Week 1

Develop
Design
COLOR MEANINGS
Studies

It’s worth noting that there are many shades of

orange – and different meanings.

Darker oranges offer a sense of comfort; some are

spicy, some are earthy. Lighter oranges are
soothing and healthy.
 COLOR THEORY
Module 2

Develop
Design
COLOR MEANINGS
Studies
Designing with Orange

Orange is an excellent example of this design rule: There

are no bad colors; only bad color combinations.

The complementary color scheme – orange and blue – is

dynamic.

The triad color scheme – orange, green, and purple – is

exceptional.
 COLOR THEORY
Module 2

Develop
Design
COLOR MEANINGS
Studies
How Orange Affects Vision

“Safety orange” is used to set objects apart from their

surroundings, particularly in complementary contrast to
the azure color of the sky. It’s used for hunting and
construction zone marking devices.
 COLOR THEORY
Module 2

Develop
Design
COLOR MEANINGS
Studies

Are Black & White Colors? Is Black a Color?

Is White a Color?
 COLOR THEORY
Module 2

Develop
COLOR MEANINGS
Design
Studies

The answer to the question - "Are black and white

colors?" - is one of the most debated issues about color.

Ask a scientist and you'll get a reply based on physics:

“Black is not a color, white is a color.”

Ask an artist or a child with crayons and you'll get another:

“Black is a color, white is not a color.” (Maybe!)
 COLOR THEORY
Module 2

Develop
COLOR MEANINGS
Design
Studies

Neutral Colors- Colors that can be combined in any color

in the color wheel
 REFERENCES
Module 1 Week 1

Develop
Design
Studies
• DepEd Curriculum Guide for MIL –Media and
Information Literacy
MIL11/12IMIL-IIIc 8-9
• Media and Information Literacy by DIWA Publishing
• Media Information Literacy: Converging
Communication, Platform towards
• Globalization by Zapoteza et al
• Media and Information Literact by Cantour
• Slideshare.com by Arneil Ping
 REFERENCES
Module 1 Week 1

•http://www.jiscdigitalmedia.ac.uk/guide/introduction-to-the-vector raster -
Develop
Design
image-format
Studies •Drucker, Johanna and McVarish, Emily, 'Graphic Design History: A critical
Guide'. Pearson Education, 2009
•http://www.lighthouse.org/accessibility/design/accessible-print-
design/effective-color-contrast.
•www.lighthouse.org/color_contrast.htm
•http://kuler.adobe.com/
•http://www.shutterstock.com/blog/infographic-shutterstocks-global-design-
trends-2014
•http://moz.com/ugc/the-definitive-guide-to-conceptualizing-designing-and-
promoting-your-own-infographic
•http://www.innovationmanagement.se/2012/01/23/how-to-build-a-
framework-to-conceptualize-your-ideas-into-successful-innovations/
•http://candice499.wordpress.com/2012/10/24/week-8-infographic-rough-
draft/