Kidapawan City National High School

Senior High School Program

SELF-LEARNING MODULE
MEDIA AND INFORMATION LITERACY
QUARTER 2 / WEEK #3
Name:_____________________________ Grade / Strand / Section_________________
Subject Teacher:_________________________ LRN:___________________________
Control No.______________________
I. OBJECTIVES
At the end of the week, learners will be able to:
• Produce and evaluate a creative text-based presentation using design principles and elements.
(MIL11/12TIM-IVb-6)
• Describe the different dimensions of visual information and media. (MIL-11/12VIM-IVc-7)
• Comprehend how visual information and media is/are formally and informally produced, organized
and disseminated. (MIL-11/12VIM-IVc-8)
• Evaluate the reliability and validity of visual information and media and its/ their sources using
selection criteria. (MIL-11/12VIM-IVc-9)
• Produce and evaluates a creative visual-based presentation using design principles and elements.
(MIL-11/12VIM-IVc-10)

II. SUBJECT MATTER / TOPIC

1. Types of Visual Content
2. The Purpose of Visual Media and Information
3. Design Principles and Elements of Visual Information
III. LEARNING RESOURCES/MATERIALS:
A. Teacher’s Guide for MIL
B. Curriculum Guide/Learning Materials
C. Social Media and Internet
IV. PROCEDURE : (Activating prior knowledge)
MOTIVATION: “Blaze it up!”
ACTIVITY 1 : Note: You may use a separate paper for this.
Analyze and make your own story based from the series of pictures presented. Explain
how you were able to create the story and the difficulties you have experience along
the way.

JP Laurel corner Quirino Drive, Brgy. Poblacion, Kidapawan City Marlon G. Bolasa, LPT
Telephone No.: (064) 5724144/ (064) 5779654 Media Info and Literacy

1
 Website: depedkidapawancity.com Email: kidapawan.city@deped.gov.ph Grade 12
ABSTRACTION (DISCUSSION: “Mind Crafting”)
According to a survey,“The Power of Visual Content” by DemandGen Report (2014):
a. Forty percent of people will respond better to visual information than plain text.
b. Publishers who use infographics grow in traffic an average of 12% more than those who don’t.
c. Eighty percent of what is seen is retained.
d. Conversions increase by 86 percent when videos are used in a landing page.
e. Twenty percent of words on a web page is read by the average user.
f. Landing pages with videos are 40 times more shareable.

1. What can be concluded about the importance of visual

content based on the survey results?
2. Do you think this infographics in way better to present
The result of the survey? Why?
3. Is there any other any other way in your mind on how
To present the same information? How?

1. Visual media and information – 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.
2. Types of visual media – photography, video, screenshots, infographics, data visualization
(charts and graphs), comic strips/cartoons, memes, visual note-taking, etc (Give examples of each
type and highlight special characteristics of a given type and its application).
3. 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.
4. Purpose of visual information – the primary purpose of visual information is to gain attention,
create meaning, and facilitate retention. (Show at least one example for each purpose and ask
learners their reactions or responses to each one).
5. Visual design elements - the building blocks or basic units in the construction of a visual image.
(Show visual media and information that incorporates most of the design elements. Point out why
these elements are important). 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 lines.
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 to a visual element. Visual texture is the illusion of the surfaces peaks and valleys, resulting
in a feeling of smoothness or roughness in objects.
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 may elicit emotions from viewers.
f. Form – a figure having volume and thickness. An illusion of a 3-dimensional object can be implied
with the use of light and shading. Form can be viewed from many angles.

6. Visual Design Principles are:

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

2
C. Balance – a feeling of visual equality in shape, form, value, color, etc. Balance can be
symmetrical and evenly balanced, or asymmetrical and unevenly balanced.
D. Harmony – brings together a composition with similar units. If for example your composition was
using wavy lines and organic shapes, you would stay with those types of lines and not put in just one
geometric shape. (Notice how similar Harmony is to Unity - some sources list both terms).
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. 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.
G. 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.
H. Perspective – created through the arrangement of objects in twodimensional space to look like
they appear in real life. Perspective is a learned meaning of the relationship between different
objects seen in space.

ANALYSIS:”Thinking Tools”
Activity 2: Note: You may use a separate paper for this. Please refer to Rubrics for Essay.
1. What do you think are the purpose of Visual Media Information? Explain.
2. Do think the design principles of Visual Information would affect the content of the visual
information? How and Why?

APPLICATION: “How to do it?”

Activity 3: Note: You may use a separate paper for this. Please refer to Rubrics for Essay.
Cutout any picture from a magazine which you think is promoting something. Evaluate the visual by
answering the following questions:
1. Who is the intended audience?
2. Who is the producer?
3. What is the purpose?
4. What is the topic or message?
5. What are the facts?
6. Is this the best platform to use? Why?

ASSESSMENT: “Let’s Try It!”

Activity 4: Note: You may use a separate paper for this. Please refer to Rubrics for Essay.
1. How do you think this picture have successfully
conveyed the message to the audience?
2. What elements and principles of visual
content is being used in the poster?

V. EVALUATION “You Can Do It”

Note: You may use a separate paper for this. Identify the following items. Write the correct
answer on the space provided before each number.
________________________1. A 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.
________________________2. It refers to photography, video, screenshots, infographics, data
visualization (charts and graphs), comic strips/cartoons, memes, visual note-taking, etc .

3
________________________3. A visual media produced by formal organizations such as schools,
government, and established media/publishing outfits are considered formally produced.
________________________4. It is the primary purpose of visual information is to gain attention,
create meaning, and facilitate retention.
________________________5. Is the building blocks or basic units in the construction of a visual
image. (Show visual media and information that incorporates most of the design elements.
________________________6. It 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 lines.
________________________7. It is 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.
________________________8. Is the degree of light and dark in a design. It is the contrast between
black and white and all the tones in between.
________________________9. It is the way a surface feels or is perceived to feel. Texture can be
added to attract or repel interest to a visual element.
________________________10. It is determined by its hue (name of color), intensity (purity of the
hue), and value (lightness or darkness of hue).

VI. AGREEMENT
1. Applying the design Principles and elements of visual media, use your skill in photography of any subject
that you like and have it photographed incorporating at least three (3) elements of visual design.
2. Explain your work and mention the three visual elements present in the photo.
RUBRICS:
COMPONENTS EXCEEDS MEETS NEEDS MORE
EXPECTATIONS EXPECTATIONS WORK 2 pts.
5pts. 3pts.
TOPIC The topic of the The topic of the The topic of the
infographic is specific infographic may be a infographic is hard to
in nature and is bit too broad to allow ascertain and needs
intended to inform or the viewer to to be made more
convince the viewer understand the main specific.
points.
TYPE The type of The type of The type of
infographic chosen infographic chosen infographic chosen
(i.e. timeline, represents the does not convey the
informational, etc.) content being chosen information well or
highly supports the but another type may support the content
content being lead to more clarity for being presented.
presented. the viewer.
OBJECTS The objects included Some objects Too many different
in the infographic are included in the types of objects are
repeated to support infographic are used in the
various data points repeated but the infographic and that
and to make it easier infographic did not makes it hard for the
for the viewer to seem to include viewer to understand
understand the enough repeated the content.
infographic. elements to make it
understandable.
DATA The data visualization The data visualization Other data
VISUALIZATIONS formats chosen make formats chosen visualization formats
the data presented showcase the data, should be chosen to
easy for the viewer to but some may make it best showcase the
understand the difficult for the viewer data presentation for
information. to understand the the viewer.
points.
FONTS The infographic The infographic The font(s) used in
includes an includes multiple fonts the infographic make
appropriate font to and/or the fonts do the text almost
both complement the not seem related to unreadable.
content and make the the infographics topic.
text readable.
TOTAL

4
RUBRICS FOR ESSAY, This will be used to measure Activity 2, Activity 3 and Activity 4
CRITERIA 5 4 3 2 1 TOTAL
CONCEPT The concept The concept The concept The concept The concept
is logical and is logical but is is confusing. or idea is not
clear to lack of focus. disorganized clearly
understand. but it can be stated.
understood.
ORGANIZATIO There is Trying to There’s quite The Failure to
N coherence of incorporate coherence but organization is apply
ideas from coherence not properly good but coherence
one but not shown. shallow. from one
paragraph to consistent . paragraph to
another. the other.
MECHANICS Grammar and There are There are Trying to be Many errors
the choice of some some good at on grammar.
words is grammar technical grammar but
absolutely issues but it writing issues lacking on the
good. can be but still it is choice of
considered. considerable. words.
ORIGINALITY Able to Able to Trying to Most of the The ideas
explain the convey the explain but ideas were were not from
message message not stated taken from one’s point of
from one’s from one’s clearly from another you.
own point of own point of one’s own source and
view with no view but have point of you lack of
grammar some and a minimal personal
issues. grammar grammar experience.
issues. issues
RELEVANCE The idea is a The idea is a Trying to be Somehow Failure to
reflection of reflection of relevance but there is apply
the topic the topic the examples relevance but relevance.
being being given are not the idea is
discussed or discussed or in the context. disorganized.
presented. presented but
lack of focus.
TOTAL 25 pts.

WEEKLY ASSESSMENT

___1. . What type of media and information aid learning through the use, analysis, evaluation and production of visual
images?
a. Text Media and Information c. Audio Media and Information
b. Visual Media and Information d, Motion Media and Information
___2. The following are types of Visual Media except;
a. Video c. Infographics
b. Memes d. Research works
___3. Which of the following is the primary purpose of visual media and information?
a. Gain attention c. Facilitate learning
b. Create meaning d. all of the above
___4. Line is one of the Design Elements of Visual Media and Information. What is a Line?
a. Describes a shape or outline c. the degree of light and dark
b. A geometric area that stands out d. the illusion of the surfaces
___5. Geometric, Organic, Abstract are examples of Visual Media Design Elements. What elements are these?
a. Line c. Value
b. Shape d. Texture
___6. What design principle of visual media and information is used for emphasis and to elicit emotions from viewers?
a. Value c. form

5
 b. Texture d. color

___7. When the contrast between black and white and all the tones in between is considered, what design principle is
used?
a. Value c. form
b. Texture d. color
___8. What design principle is refer to the illusion of the surfaces, peaks, and valleys, resulting in feeling of smoothness or
roughness in objects?
a. Value c. form
b. Texture d. color
___9. Which of the terms below is referred to a movement in which some elements recur regularly?
a. Rhythm c. Movement
b. Perspective d. Directional
___10. What do you call to the arrangement of objects in the dimensional space to look like they appear in real life?
a. Rhythm c. Movement
b. Perspective d. Directional
___11. When a movement is created with a value pattern, it is called?
a. Perspective c. Directional Movement
b. Rhythm d. All of the above
___12. It is an area that first attracts attention in a composition?
a. Center of Interest c. Harmony
b. Balance d. None of the above
___13. Which of the following is not a feature of Balance?
a. symmetrical c. asymmetrical and unevenly balanced
b. evenly balanced d All of the above
___14. What do you call to visual characteristic that brings together a composition with similar units?
a. Balance c. Contrast
b Harmony d. Center of Interest
___15. It shows the difference between shapes and can be used as a background
a. Balance c. Contrast
b Harmony d. Center of Interest

Noted by:
_________________________________________
Signature Over Printed Name of Parent / Guardian

ANSWER KEYS

Activity 2
Possible Answer

1. Understandable. Visual media helps readers clarify and

comprehend information because they are able to develop their own perception of the content
and avoid misinterpretation.
2. One of the most difficult parts of talking about the principles of design is figuring out just
how many principles there actually are, and once that’s been figured out, which of these
supposed design fundamentals should be included?In reality, there are roughly a dozen basic
principles of design that beginning and expert designers alike should keep in mind when
working on their projects. In addition, there are another dozen or so “secondary” design
principles that are sometimes included as basics (for example, the Gestalt Principles,
typography, color, and framing). 

6
7