BINALBAGAN CATHOLIC COLLEGE, INC.

Binalbagan, Negros Occidental

SENIOR HIGH SCHOOL LEVEL
Media and Information Literacy

AY 2021-2022 | Quarter 2: Module 6

VISUAL INFORMATION AND MEDIA

What This Module is About

Visual media is defined as the sources of data or information in the form of visual
representation. Visual media consist of images or pictures used to represent a certain thing that
is easier to be understand. But inside a classroom, the most commonly used visual media are
pictures, videos and info graphics. The use of visual media makes a creative approach to the
learners. Admit it or not, we use to listen to the reporters in front when they are showing
pictures and the visual presentation is creative. 21st century learners are more into photography
than to textual context. We are more interested in a certain talk or conversation when there is
an interesting images or videos that can easily catch our attention. Consequently, the use of
visual presentation is a lot easier that writing or typing textual contents. Visual information is
presenting information in terms of visual presentation. This includes graphs, tables, diagrams,
charts, etc.

At the end of this module, you should be able to:

1. identify the different types of visual content
2. describe the purpose of visual media and information
3. analyze the design principles and elements used in a
given visual media
4. critique the effectiveness of visual information
5. create a visual-based presentation (infographics)
through design principles and elements
The Power of Visual Content
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. Conversations 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.

Module 6 | Activity 1: What do the pictures tells us?

 Is the image pleasing to the eye or not?
 What information is being communicated?
 What emotions are elicited?

a. c. e.

b. d.
 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.

VISUAL INFORMATION
is the artistic or creative representation or interpretation of an
idea, concept, or emotion using different media.

It is Created by:
A. Painter – refers to the person who produces a work of art with colors, lines, and shapes using
paint as medium.
B. Photographer – taking pictures or images using a camera is the photographer’s primary job
(amateur or professional)
C. Graphic artist or designer – sets the images, illustrations, charts, and tables on the
manuscript. He is also responsible for the artwork and design using electronic media.
D. Sculptor – creates a piece of art using a variety of media, such as clay, marble, wood or even
ice.

Types of Visual Information

a. Painting

landscape portrait still life icon

b. Photo/images

Personal family photojournalism yearbook/graduation

landscape nature & wildlife fashion or beauty wedding

.
travel underwater religious perspective

panoramic

Digital infrared time-lapse macro

c. Sculpture d. Cartoon or Comic Strip

e. Graphs and Charts f. Billboard and Poster

How to make Infographics?

a. Outline the goals of your infographic.
b. Collect data for your infographic.
c. Visualize the data for your infographic.
d. Layout your infographic.
e. Add style to your infographic design.

Types of Infographics
A. Mixed Charts B. Informational List C. Timeline
D. How to E. Process F. Comparison

G. Location H. Photo-graphics I. Hierarchical

J. Single Chart K. Visualized Numbers L. Anatomical

M. Visual Resume
Module 6 | Activity 2: Analyze and undertand the inforgraphics
Answer the following questions based from the image shown:

Answer the following questions based from the image above:

1. What can be concluded about the importance of visual content based on the
survey result?
2. Do you think the infographic is a better way of presenting the results of the survey?

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

 the primary purpose of visual information is to gain attention, create meaning, and
facilitate retention.

Visual Design Elements

 the building blocks or basic units in the construction of a visual image.

DESIGN ELEMENTS
1. Line – describes a shape or outline. It can create texture and can be thick or thin. Lines may
be actual, implied, vertical, diagonal, or contour lines.
2. 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.

3. 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.

4. Texture – the way a surface feels or is perceived to feel. It 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.

5. Color – determined by its hue (name of color), intensity (purify of the hue), and value
(lightness or darkness of hue). Color and color combination can play a large role in the
design.
VISUAL DESIGN PRINCIPLES

1. Consistency of margins, typeface, typestyle, 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 un-evenly 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.

5. Contrast – offers some change in value creating

a visual discord in a composition. It can show
the difference between shapes and can be used
as background to bring objects out and forward
in a design.
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.

7. Rhythm – a movement in which

some elements recur regularly. Like a
dance, it will have a flow of objects
that will be 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. It is a learned
meaning of the relationship between
different objects seen in space.
Module 6 | Performance Task 1 (Group): Infographics

Make a brochure (back to back) using infographics advocating the assigned sustainable goal. The
output will be rated based on: content, organization, impact generated by the media output,
technicalities delivered in producing the advocacy media output (use different design elements
and principles).

Group 1 Group 5

Group 2 Group 6

Group 3 Group 7

Group 4 Group 8

Module 6 | Performance Task 2 (Group): Perspective Photo-graphics

Create a perspective photo-graphic applying the design elements and visual design principles.
a. Include your behind the scene images / materials
b. Include also an explanation (150-200 words) about the photo-graphic
c. Print it in a paper (board) and post it in the social media (FACEBOOK)
with the HASHTAGS: #BCCWeCare #BCCMILStem(A/B/C) #HashtagTitle

NOTE: Make sure that you set it in PUBLIC and mention/tag your teacher