Resources of media and information:

a. People Media and information

b. Text Media and information
c. Visual Media and information
d. Audio Media and information
e. Motion Media and information
f. Manipulatives/Interactive & information
g. Multimedia and information
Survey results about
“The Power of Visual Content”
by DemandGen Report (2014):
1. Forty percent of people will respond
better to visual information than
plain text.
2. Publishers who use
infographics grow in
traffic an average of
12% more than those who don’t.
3. Eighty percent of what is seen is
retained.
4. Conversions increase
by 86 percent when
videos are used in a
landing page.
5. Twenty percent of words on a web
page is read by the
average user
6. Landing pages with
videos are 40 times
more shareable.
.
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.
3. Formally & 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.
5. Visual design elements
the building blocks or basic units in the
construction of a visual image.
Visual design elements are the basic
things that can be seen.
Visual Design Elements:
a. Line
b. Shape
c. Value
d. Texture
e. Color
f. Form
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 may be used for
emphasis, or may elicit emotions
from viewers.
e. Color
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.
e. Color
It is therefore important to create
color palettes that evoke the
appropriate audience reactions.
Color has three properties.
f. Form
a figure having volume and
thickness. An illusion of a 3D
object can be implied with the use
of light and shading. Form can be
viewed from many angles.
Visual Design Principles
- Design principles are ways of
arranging the elements (or basic
things) better.
- Applying design principles is
sometimes known as composition.
Visual Design Principles are:
a. Consistency
b. Center of interest
c. Balance
d. Harmony
e. Contrast
f. Directional Movement
g. Rhythm
h. Perspective
a. Consistency
-consistency of margins, typeface,
typestyle, and colors is necessary,
especially in slide presentations or
documents that are more than one
page.
 A. Consistency
- consistency of margins, typeface,
typestyle, and colors is necessary,
especially in slide presentations or
documents that are more than one
page.
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.
b. Center of interest
This can be by contrast of values,
more colors, and placement in the
format.
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.
c. Balance
Objects, values, colors, textures,
shapes, forms, etc. can be used in
creating balance in a composition.
d. Harmony
brings together a composition with
similar units. 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.
• Harmony can be achieved through repletion and rhythm
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.
e. Contrast
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.
f. Directional Movement
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.
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 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.
Performance task:
Using any desktop publishing software, the
group must create an infographic to show
the facts and figures visually. Accomplish
the Media and Information Design
Framework
 • MIL design framework
Components Guide Questions
Target
Audience
Sender/Author

Purpose What is the purpose?

refers to the reason, motivation or intention of the message.
Key content What is the topic?
refers to the topic, facts, figures and others used in the media and information
Form/Style How can I present this information? How would this affect my audience?
refers to presentation across the different formats guided by design principles and elements: tone,
mood, color, font types, manipulation of space, speed, direction, balance, repetition, emphasis,
movement, rhythm, unity, contrast, hierarchy, contrast, proportion, alignment, proximity, pattern,
others.

Medium / What platform will I use? Why?

Format refers to the format or platform used in presenting the media and information (i.e. handwritten, blogs,
presentation, others).
Rubrics