MODULE 5

Visual
Information
and Media
Agenda
Topic one

Topic two

Topic three

Topic four

Topic five

Sample Footer Text 2/3/20XX 2

 Examine the visual media and
answer the questions that follow.

1. What type of visual media is

presented above?

2. What are the purposes of

this visual media?

3. What design elements are

present in the given visual
media?
Sample Footer Text 2/3/20XX 3
Visual Information and Media
Visual Information
- is the artistic or creative representation or interpretation of an
idea, concept, or emotion using different media.

1. Visual media and information – materials, programs,

Topic one
applications, and the like that teachers and students use to
formulate new information to aid learning through the use,
analysis,
Subtitle
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.
3. Formally and informally produced visual
media – visual media produced by formal
Chart
organizations such as schools, government, and
established media/publishing
Chart Title outfits are
considered formally produced. Other visual media
6

are considered informally produced.

2

0
Category 1 Category 2 Category 3 Category 4

4. Purpose of visual information - the primary

Series 1 Series 2 Series 3

purpose of visual information is to gain attention,

create meaning, and facilitate retention.
Sample Footer Text 2/3/20XX 5
5. Visual design elements – the building blocks or basic units
in the construction of a visual image. The Design Elements
are:
a. Line –Table
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.
Category 1 Category 2 Category 3 Category 4

b. Shape –Itemusually
1
a 4.5
geometric2.3area that
1.7
stands out
5
from the
space next to or around it, or because of differences in value,
Item 2 3.2 5.1 4.4 3
color, or texture. Shape may also be organic.
Item 3 2.1 1.7 2.5 2.8

c. Value – Item
the4 degree4.5of light and
2.2 dark in
1.7 a design.
7 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.
Sample Footer Text 6 2/3/20XX
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 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 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
The way to get started
world around us. It is therefore important to create color palettes that will
evoke the appropriate audience reactions. is to quit talking and
begin doing.
f. Form – a figure having volume and thickness. An illusion of a 3-
Walt Disney
dimensional object can be implied through the use of light and shading.
Form can be viewed from many angles.
Sample Footer Text 2/3/20XX 7
Team

Name Name Name Name

Title Title Title Title

Sample Footer Text 2/3/20XX 8

Timeline

If you don’t see the Notes pane or it is

completely minimized, click Notes on
To start a presentation, go to the Slide The Notes pane is a box that appears the task bar across the bottom of the
Show tab, and select From Beginning. below each slide. Tap it to add notes. PowerPoint window.

Title Title Title

To display Presenter view, in Slide During your presentation, the speaker

Show view, on the control bar at the notes are visible on your monitor, but
bottom left select the three dots, and aren't visible to the audience.
then Show Presenter View.

Sample Footer Text 2/3/20XX 9

Two Content

SUBTITLE SUBTITLE

• Add text, images, art, and videos. • Open the Design Ideas pane for instant
slide makeovers.
• Add transitions, animations, and motion.
• When we have design ideas, we’ll show
• Save to OneDrive, to get to your
them to you right there.
presentations from your computer, tablet,
or phone.

Sample Footer Text 2/3/20XX 10

6. Visual Design Principles are:
Three Content
a. Consistency of margins, typeface, typestyle, and
colors is necessary, especially in slide presentations
or documents that are more than one page.
SUBTITLE SUBTITLE SUBTITLE

• Add text, images, art, and • Open the Design Ideas pane • This PowerPoint theme uses
b. Center of interest – an area that first attracts
videos. for instant slide makeovers. its own unique set of colors,
fonts, and effects to create
• Add transitions, animations, • When we have design ideas,
attention
and motion. in a composition. This
we’ll show them
there.
area
to you right is more
the overall look and feel of
these slides.

important when
• Save to OneDrive, to get to
your presentations from yourcompared to the other objects
• PowerPoint has tons
themes to give your
or
of
computer, tablet, or phone.
elements in a composition. This can bepresentation achieved
personality. by
just the right

contrast of values, more colors, and placement in the

format.
Sample Footer Text 2/3/20XX 11
c. Balance – a feeling of visual equality in shape,
form, value, color, etc. Balance can be symmetrical
and evenly balanced, or asymmetrical
Summary and unevenly
balanced. Objects, values, colors, textures, shapes,
forms, etc. can be used in creating balance
With PowerPoint, in create
you can a
composition. presentations and share your work with
others, wherever they are. Type the
text you want here to get started. You
d. Harmony – brings together acancomposition with
also add images, art, and videos on
similar units. For example, if your composition
this template. isand
Save to OneDrive

using wavy lines and organic shapes, you should

access your presentations from your
computer, tablet, or phone.
consistently use these types of lines and not put in
just one geometric shape.
Sample Footer Text 2/3/20XX 12
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.
https://www.flickr.com/photos/mastababa/31974462128

f. Directional Movement - a visual flow through the

composition. It can be the suggestion of motion in a design as
Thank
you move from You
object to object by way of placement and position.
Directional movement can be created with a value pattern. It is
Presenter Name
withEmail
the placement of dark and light areas that you can move
your attention through the format.
Website

Sample Footer Text 2/3/20XX 13

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.
Sample Footer Text 14
2/3/20XX
MODULE 5 LEARNING TASK 1
1. Print or cut out an infographic from a newspaper or
magazine then answer the questions below. Copy and answer.

Sample Footer Text 2/3/20XX 15

MODULE 5 LEARNING TASK 2
1. Print or cut out an image from a newspaper or magazine
then answer the table below. Copy and answer.

Sample Footer Text 2/3/20XX 16