`

•Visual Information and

Media
• Visual media and information refers to
materials, programs, applications and the like
that teachers and students use to formulate new
information to aid learning through the use,
analysis, evaluation and production of visual
images.
There are different types of visual media –
Photography, video, screen shots,
infographics, data visualization (charts and
graphs), comic strips/cartoons, memes, visual
note-taking, etc.
• Visual media are either formally or informally
produced.
-Visual media produced by formal organizations such as
schools, government, and established media/publishing
outfits are considered formally produced.
-Other visual media are considered informally produced.
• Visual media is consist of visual design elements. Visual
design elements refers to the building blocks or basic
units in the construction of a visual image.
Elements of design include:
1. Color is light reflected off objects. It has three main
characteristics:
a. Hue - the name given to a color (blue, red, etc.)
b. Value - the lightness or darkness of a color.
c. Intensity - (also known as capacity or chroma) the
brightness or dullness of a color.
2. Line is the most basic design feature; a mark used to
symbolize directions or curves.
3. Shape/Form:
a. Shape is an object or area of two dimensions which has
height and width.
b. Form is an entity of three dimensions with height, width, and
depth.
4. Space is a surface area having height, width and depth
illusion.
5. Texture is the surface feature that can be seen or felt (rough,
smooth, raised, open etc.).
COLOR THEORY
Color is an effective way of telling a story,
conveying feelings and creating a solid brand
identity.
Color may be calm, warm, bright or dull. Choosing
the right color will greatly affect the appearance
of your finished project.
 Red
Violet Violet
Red
Blue
Violet
Red
Orange Blue

Orange Blue
Green

Yellow Green
orange
Yellow Yellow
Green
• Primary Colors (Red, Yellow and blue) are the three
pigment colors that cannot be combined or created by
any other color combination.
• Secondary Colors (Green, Orange, and purple) are
the shades where the primary colors are mixed with.
Examples: Red+ Blue = VIOLET
Blue+ Yellow = GREEN
Red+ Yellow = ORANGE
Tertiary Colors are the colors that are created by
combining primary and secondary colors. That’s why
hue is a term for two words which includes blue-green,
yellow-green, red-violet and yellow-orange
• Warm colours – red, orange, yellow and
variations of these three colours – are vibrant
and full of energy.
• Cool colours – green, blue and violet – offer calm
and tranquility, and they're often more subdued
than warm colours.
• White, black and grey – on the other hand – are considered
to be neutral.
• Tints, Shades and Tones Simply put – tints, shades and tones
are basic colour concepts where you can either:
-make a colour lighter by adding white – the resulting colour is
a tint;
-make a colour darker by adding black – the darker version is
known as a shade;
-add grey to create a completely different tone.
COLOR SCHEME
Color scheme is the way of choosing colors
that is used in various design.
The arrangement of colors is important in
designing to achieve the desired outcome. In
color scheme, there are related colors and
contrasting colors.
A. RELATED COLORS
1. Monochromatic harmony
Monochromatic refers to a color scheme which consists of one-color
variations. You can use any color to create a monochromatic color
scheme.
For example, adding white to red to creates pink, adding white to blue
to creates sky blue then you could have a monochromatic color of pink
and blue.
2. Analogous Harmony
Analogous colors are three-color groups along the color wheel next to
each other, and a tertiary.
B. CONTRASTING COLORS
1. Complementary colors
Complementary colors are opposite to each other on a color wheel, so
they create a strong contrast.
3 Double complementary colors
A two neighboring colors and their opposite colors.
4. Split complementary colors
Three colors diagonal with each other
5 Triad colors
In color wheel, the color in between three spaces
Principles of design include:
1. CONSISTENCY - Consistency of margins, typeface,
type style, and colors is necessary, especially in
slide presentations or documents that are more
than one page.
2. CENTER OF INTEREST an area that first attracts
attention in a composition. This area is more
important when compared to the other objects or
elements in a composition. This can be by contrast of
values, more colors, and placement in the format.
3. Balance a feeling of visual equality in shape, form, value,
color, etc. Balance can be symmetrical and evenly balanced, or
asymmetrical and unevenly balanced.
4. Contrast- offers some change in value creating a visual
discord in a composition. Contrast shows the difference
between shapes and can be used as a background to bring
objects out and forward in a design.
5. Harmony is the Law of Unity with variation. brings together
a composition with similar units.
6. Rhythm - a movement in which some elements recur regularly. Like a
dance, it will have a flow of objects that will seem to be like the beat of
music.
7. Directional Movement - a visual flow through the composition. It can
be the suggestion of motion in a design as you move from object to
object by way of placement and position.
8. Perspective- created through the arrangement of objects in two
dimensional space to look like they appear in real life. Perspective is a
learned meaning of the relationship between different objects seen in
space.
1. Photography, video, screen shots, infographics, data
visualization is an example of?
a. Text media b. Visual Media c. Audio media d.
Broadcast media
2. The name given to a color.
b. Color b. Intensity c. hue d. Value
3. The brightness or dullness of a color.
c. Color b. Intensity c. hue d. Value
4. The surface feature that can be seen or felt.
a. Color b. Line c. Space d. Texture
5. It is a surface area having height, width and depth illusion.
a. Color b. Line c. Space d. Texture
6. If you mixed blue and yellow, you can create?
b. Orangeb. Red c. Violet d. Green
7. What color are combine in order to produced tertiary color?
c. Primary and Primary c. Secondary and secondary
d. Primary and Secondary d. Secondary and Tertiary
8. Orange is an example of?
e. Warm color b. Tint c. Cool d. Shade
9. How to make shade color?
f. By adding white c. By adding any color
g. By adding black d. By adding gray
10. Pink is an example of?
a. Tint b. Shade c. Tone d. Warm