Visual Information and

Media
Learning Objectives

• Identify the different types of visual content.

• Analyze the design principles and elements used
in a given visual media.
• Create a visual-based presentation (infographics)
using design principles and elements.
➢What is the story in this graphic novel?
➢Who is the main character in the
story?
➢What do you know about the main
character?
• Is infographic a better way of presenting
the results of the survey?
• Are there any other ways of presenting
the same information?
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.
Example:
o Photography o Data Visualization (Charts and Graphs)
o Video o Comic Strips / Cartoons
o Screenshots o Memes
o Infographics o Visual Note-Taking
 Visual 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, horizontal, diagonal,
or contour lines.
 Visual Design Elements
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.
 Visual Design Elements
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.
 Visual Design Elements
4. 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.
 Visual Design Elements
5. 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.
 Visual Design Elements
Color Models
RGB color model - is used for colored lights like images on a
monitor screen and has the colors red, green, and blue as
its primary colors.
CMYK color model - is used for colored inks like images
printed on paper and has the colors cyan, magenta,
yellow, and black as the primary colors.
Hue - specific tone of color
Saturation - the intensity of a hue from gray tone to pure, vivid color
Brightness - the relative lightness or darkness of a particular color
 Visual Design Elements
6. 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
1. Consistency
Consistency of margins, typeface, typestyle, and colors is
necessary, especially in slide presentations or documents
that are more than one page.
 Visual Design Principles
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.
 Visual Design Principles
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.
 Visual Design Principles
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.
 Visual Design Principles
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.
 Visual Design Principles
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.
 Visual Design Principles
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.
 Visual Design Principles
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.