L2 Visual Information and Media
L2 Visual Information and Media
Media
What is the difference
between visual media
and visual information?
Visual information is the
artistic or creative
representation or interpretation
Visual
of an idea, concept, or emotion Information
using different media.
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 notetaking, etc.
3. 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.
4. Purpose of visual
information
A. Line
– describes a shape or outline. It can
create texture and can be thick or
thin.
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.
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 of
a visual element
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.
f. Form
– a figure having
volume and thickness.
An illusion of a 3-
dimensional object can
be implied through the
use of light and
shading.
Examples:
6. Visual Design
Principles
A. 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
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.
- brings
together a
d. Harmony composition
with similar
units.
e. Contrast
-offers some
change in value
creating a visual
discord in a
composition.
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.
g. Rhythm
-a movement in which
some elements recur
regularly.
h. Perspective
- this is created through
the arrangement of
objects in two-
dimensional space to look
like what they appear in
real life.
1. Which should be the main consideration when one
wants to lay out a newspaper broadsheet?
Multiple a. harmony b. rhythm c. contrast d. balance
Choice.
Choose the
letter of the 2. In creating an area of emphasis and showing
differences between shapes, one must look at
best answer. __________
Write the a. rhythm b. contrast c. balance d. harmony
chosen letter
on a separate
3. If you want objects to easily flow like beats of music
sheet of paper. in your visual output, you must incorporate ____ to
your work
a. rhythm b. balance c. contrast d. harmony
4. The following are purposes of visual information except:
a. gain attention c. facilitate attention
b. create meaning d. build concepts
5. Which among these design elements can attract or repel interest in a
visual element?
a. shape b. texture c. line d. value
6. If one needs to interpret data and pictures on the same visual
representation, they should work on ____________.
a. infographics b. photographs c. screenshots d. videos
7. Lines can be any of the following except:
a. light b. implied c. vertical d. contour
8. Which of the following is not a characteristic of color?
a. hue b. intensity c. appeal d. value
9. Visual information aids learning through:
a. Analysis b. generalization c. abstraction d. synthesis
10.Which of the following is not an essential part of visual
design principles?
a. typeface b. typestyles c. material d. margin
Based on the given picture, complete the
table by supplying the appropriate
description for the indicated visual design
principles.
Visual Design Elements and Your Description and
Principles Observation
1. Center of interest
2. Balance
3. Harmony
4. Contrast
5. Directional Movement
6. Rhythm
7. Perspective