Quarter 4 - Module11

MEDIA INFORMATION AND

LITERACY

(Visual Informationand Media)

 ENERGIZER!

4 PICS, 1WORD

(Guess the correct answer

through the 4 pictures given.)
Line
 E

Value
E
 E

Form
E
 E

Contrast
E
 E

Balance
 Visual Information
and Media
In this lesson, you will be
learning how visual information can be
an effective form of media and
how it can be used according
to its primary purposes: to gain
attention, to create meaning, and to
facilitate retention.
 Visual Information

Visual information is the artistic or

creative representation or interpretation of an
idea, concept, or emotion using different
media. The use of one or
more of the various visual media
with or without sound.
 Visual Information
and Media

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.
 Types of Visual Media

Photography, video, screenshots, infographics, data visualization

(charts and graphs), comic strips/cartoons,
memes, visual notetaking, etc.
 Formally and Informally
produced visual media

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.
 Purpose of Visual Information

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 design elements
The building blocks or basic units
in the construction of a visual image.

The Design Elements are:

a. Line

Describes a shape or outline. It

can create texture and can be
thick or thin. Lines may be
actual, implied, vertical, horizontal, diagonal,or
contour.
b. Shape

Usually a geometric area that stands

out from the space next to
or around it, or because of
differences in value, color, or texture.
Shape may also be organic.
c. Value

The degree of light and dark

in a design. It is the
contrast between black and white and
all the tones in between. Value
can be used with color as
well as black and white. Contrast
is the extreme changes between values.
d. Texture
The way a surface feels or
is perceived to feel. Texture can
be added to attract or repel
interest of a visual element. Visual
texture is the illusion of the
surfaces peaks and valleys, resulting in
a feeling of smoothness or roughness.
e. Color

Determined by its hue (name of

color), intensity (purity of the hue),
and value (lightness or darkness of
hue). Color and color combination can
play a large role in the
design. Color may be used for
emphasis or to elicit emotions from
viewers.
e. Color
Color may be used for emphasis
or to elicit emotions from viewers.
Color may be warm, cool, or
neutral. It plays a major role
in our visual perception, as it
influences our reactions of the world
around us.
f. Form

A figure having volume and thickness.

An illusion of a 3-dimensional object
can be implied through the use
of light and shading. Form can
be viewed from many angles.
Vertical vs. Horizontal Line Value

References:
 Examples:
Shapes
Geometric Organic Abstract

References:
 Examples:
Color Combination Texture

References:
Visual Design Principle
are:
a. Consistency

Consistency of margins, typeface,typestyle, and

colors is necessary, especially in slide
presentations or documents that are more
than one page.
b. 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 achieved by
contrast of values, more colors, and
placement in the format.
c. Balance

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 achieved by
contrast of values, more colors, and
placement in the format.
d. Harmony

Brings together a composition with simi

lar units. For example, if your composition is
using wavy lines and organic shapes,
you should consistently use these
types of lines and not put
in just one geometric shape.
e. 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. It can
also be used to create an
area of emphasis.
f. Diretional 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.
Directional movement can be created with
a value pattern.
g. Rhythm

A movement in which some elements

recur regularly. Like a dance, it
will have a flow of objects
that will seem like the beat
of music.
g. Rhythm

A movement in which some elements

recur regularly. Like a dance, it
will have a flow of objects
that will seem like the beat
of music.
h. Perspective

This is created through the arrangement

of objects in two-dimensional space
to look like what they appear
in real life. Perspective is a learned
meaning of the relationship between different
objects seen in space.
SYMMETRICAL VS ASYMMETRICAL
LAYOUT
MOVEMENT AND PERSPECTIVE
Any Question?
THANK YOU
for
LISTENING!
Fagtanac, Ashley
Nala, Jailyn
Raga, Maxime
Trilles, Marian Carisse