Media and Information Literacy

SHS
SECOND QUARTER
WEEK 4
WORKSHEET NO. 10

MELC: Topic: Visual

Describe the different
dimension of visual Information and Media
information and media.
Analyze how the different
dimensions of visual media
are formally and informally
produced, organized, and
disseminated.
Evaluate a creative multimedia
form (living museum, electronic
portfolio, others)
Produce a creative visual-
based using design principle
and elements.

Writer: Ma. Jessica L. Semilla

Illustrator: Ana Jessa Malco
Layout Artist: Kevin H. Jasmin
Evaluator: Rowel S. Laririt

Department of Education • Schools Division of Marinduque

 What’s New
Lesson
TOPIC: Visual Information and

10 Media

Visual media are information providers that are represented visually.

Abstractions, analogues, rough sketches, and digital reproductions of the
objects are all possibilities. A symbol with significance is a visual message
style.
Types of Visual Media

a. Photography
b. video, screenshots
c. infographics
d. data visualization (charts and graphs)
e. comic strips/cartoons
f. memes
g. visual note-taking
Common Visual Media File Types

1. JPEG (also known as JPG), file types ending in .jpg JPEG stands for
Joint Photographic Experts Group, which created this standard for this
type of image formatting. JPEG files are images that have been
compressed to store a lot of information in a small-size file.
2. TIFF (also known as TIF), file types ending in .tif TIFF stands for Tagged
Image File Format. TIFF images create very large file sizes. TIFF images
are uncompressed and thus contain a lot of detailed image data (which
is why the files are so big) TIFFs are also extremely flexible in terms of
color (they can be grayscale, or CMYK for print, or RGB for web) and
content (layers, image tags).

“Deped Marinduque: Heart of the Philippines

Lead to Excel, Excel to Lead”
 3. GIF, file types ending in .gif GIF stands for Graphic Interchange Format.
This format compresses images but, as different from JPEG, the
compression is lossless (no detail is lost in the compression, but the file
can’t be made as small as a JPEG).GIFs also have an extremely limited
color range suitable for the web but not for printing. GIFs can also be
used for animations.
4. PNG, file types ending in .png PNG stands for Portable Network
Graphics. It was created as an open format to replace GIF, because the
patent for GIF was owned by one company and nobody else wanted to
pay licensing fees. It also allows for a full range of color and better
compression. It’s used almost exclusively for web images, never for print
images. For photographs, PNG is not as good as JPEG, because it
creates a larger file. But for images with some text, or line art, it’s
better, because the images look less “bitmappy.”
5. BMP. Short for "Bitmap." It can be pronounced as "bump," "B-M-P," or
simply a "bitmap image." The BMP format is a commonly used raster
graphic format for saving image files.
How to Produce Visual Media

a. Formally produced visual media are visual media produced by formal

organizations such as schools, government, and established
media/publishing outfits are considered formally produced.
b. Informally produced visual media are other visual media are considered
informally produced like photos for social media and etc.
Purpose of Visual Information

a. gain attention
b. create meaning
c. facilitate retention.

“Deped Marinduque: Heart of the Philippines

Lead to Excel, Excel to Lead”
Visual Design Elements
The building blocks or basic units in the construction of a visual image. Below
are the elements of design:

Visual Design Elements

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.
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.
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.
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.
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. Color maybe warm, cool, or
neutral. It plays a major role in our visual perception,
as it influences our reactions about the world around
us. It is therefore important to create color palettes that
evoke the appropriate audience reactions. Color has
three properties.
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
Visual Design Principles
The design principles can be thought of as what we do with the design elements.

1. Consistency of margins, typeface, typestyle, and colors is necessary,

especially in slide presentations or documents that are more than one
page.

“Deped Marinduque: Heart of the Philippines

Lead to Excel, Excel to Lead”
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. Objects, values, colors, textures, shapes, forms, etc.
can be used in creating balance in a composition.
4. 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.
5. 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.
6. 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. Directional movement can be created
with a value pattern. It is with the placement of dark and light areas
that you can move your attention through the format.
7. 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.
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.

“Deped Marinduque: Heart of the Philippines

Lead to Excel, Excel to Lead”
 What I can do

Task 1:

Directions: Look at the infographic below. Answer the questions below.

https://technofaq.org/posts/2017/04/the-crucial-importance-of-visual-content-for-
businesses-why-you-need-to-devote-a-budget/

1. Why is visual content important?

2. Do you think the infographic was understandable to the reader? How

about properly visually presented?

3. What other visual representations can you present the information

above?

Task 2
Directions: Due to pandemic of COVID-19, people stay at home. How would you make
their stay at home be meaningful? Make a visual representation of Tips on How to be
Productive and Safe at Home.

Rubric

Criteria Below Basic Basic Good Excellent

Organization Presentation is Presentation Presentation is Presentation is
not sequential may not be sequential, sequential,
or logical and it sequential or logical and logical and
“Deped Marinduque: Heart of the Philippines
Lead to Excel, Excel to Lead”
 may be hard logical but the audience effectively
for the audience understand conveys the
audience to understands the purpose meaning and
understand the the purpose purpose to the
purpose audience
Content have only a a basic demonstrate a demonstrate an
basic understanding firm grasp of indepth
understanding of the content the content understanding
of the content of the content
show
Graphics – Clarity Many The graphics Most graphics Graphics and
graphics and and content are and content content are
content are too hardly are clear clear and
small or identified easily viewed
unclear
Graphics Graphics do Most graphics All graphics All graphics are
Relevance not directly relate to the and content related to the
relate to the topic are related to topic and make
topic OR the topic and it easier to
detract from most make it understand the
the easier to presentation
presentation understand
Visual Product The The The The
presentation is presentation presentation is presentation is
not effective or may not be effective, effective,
does not make effective but utilizes utilizes
use of utilizes available available
available available technology technology
technology technology but effectively but effectively and
effectively and has errors or may have is free of
has errors or bugs that errors or bugs errors / bugs
bugs that detract from its that detract and include
detract from its effectiveness from its glossary of
effectiveness effectiveness new
and include terminologies
glossary of
new
terminologies

https://mbf.blogs.com/files/visual-presentation-rubric.pdf

Guide Questions
“Deped Marinduque: Heart of the Philippines
Lead to Excel, Excel to Lead”
 1. Why is visual media and information important?
2. What is the impact of visuals when providing information?
3. Why do visual design and elements should be properly presented in visual
media?

Assessment

Directions: Let’s sum up what you have learned. Choose the letter of the correct
answer.
_____1. Created through the arrangement of objects in two-Dimensional space to look
like they appear in real life
A. Perspective C. Balance
B. Rhythm D. Harmony
_____2. It brings together a composition with similar units
A. Perspective C. Balance
B. Rhythm D. Harmony
_____3. It offers some change in value creating a visual discord in a composition.
A. Perspective C. Contrast
B. Rhythm D. Harmony
_____4. It is an area that first attracts attention in a composition
A. Perspective C. Contrast
B. Center of Interest D. Harmony
_____5. The degree of light and dark in a design.
A. Value C. Texture
B. Shape D. Color
_____6. Determined by its hue (name of color), intensity (purity of the hue), and value
(lightness or darkness of hue).
A. Value C. Texture
B. Shape D. Color
_____7. It describes a shape or outline.
A. Value C. Line
B. Shape D. Color
_____8. It is a feeling of visual equality in shape, form, value, color, etc.
A. Perspective C. Balance
B. Rhythm D. Harmony
_____9. It creates visual interest to text elements
A. Organization C. Contrast
B. Emphasis D. Alignment
_____10. The margins, typeface, typestyle, and colors is necessary, especially in slide
presentations or documents that are more than one page.
“Deped Marinduque: Heart of the Philippines
Lead to Excel, Excel to Lead”
 A. Consistency C. Balance
B. Rhythm D. Directional Movement

Additional Activity

Task 3
Directions: Complete the sentences below. Write your answers on a separate sheet of
paper.
1. Information graphic or infographics are _______________________________________
________________________________________________________________________________
________________________________________________________________________________
2. The elements and principles of design are _____________________________________
________________________________________________________________________________
________________________________________________________________________________

References

“Deped Marinduque: Heart of the Philippines

Lead to Excel, Excel to Lead”
Books
Abadiano, (2018). Media and Information Literacy Second Edition. ISBN:978-621-
8019-47-8

Gonzales (2016). Media and Information Literacy. ISBN:978-621415-044-1

Adobo Chronicles. Your Best Source of Up-to-date Unbelievable. Retrieved from

https://adobochronicles.com/Wilson, Carolyn; Grizzle, Anton; Tuazon, Ramon;
Akyempong; Kwane; Cheung, Chi-Kim (2011). Media and Information
Literacy: Curriculum for Teachers. UNESCO Press ISBN 978-92-3-104198-3 (EN);978-
959-18-07; 978-959-18-0787-8 (ES)

Website Content

“Media and Information Literacy: Curriculum for Teachers”. 2020 UNESCO Press ISBN
97892-3-104198- 959- 18-0787-8 (ES)
https://unesdoc.unesco.org/ark:/48223/pf0000192971

“Media and Information Literacy Curriculum Guide by Deped.” Accessed May 31,
2020.
https://unesdoc.unesco.org/ark.

Media and Information literacy teaching guide by CHED. Accessed May 31 2020.
“Https://Www.teacherph.com/Media-Information-Literacy-Senior-High-School
TeachingGuide/.”

Literacy: Curriculum for Teachers. UNESCO Press ISBN 978-92-3-104198-3

(EN);978-959-18-07; 978-959-18-0787-8 (ES)

Para sa mga katanungan o puna, sumulat o tumawag sa:

Kagawaran ng Edukasyon – Schools Division Marinduque

T. Roque St., Malusak, Boac, Marinduque
Email: deped_marinduque@yahoo.com or
lrmds_marinduque15@yahoo.com;
Tel. No.: (042) 332-1009 / 332-1611

“Deped Marinduque: Heart of the Philippines

Lead to Excel, Excel to Lead”
“Deped Marinduque: Heart of the Philippines
Lead to Excel, Excel to Lead”