Republic of the Philippines

Department of Education
Region VII, Central Visayas

MEDIA AND INFORMATION LITERACY

SECOND QUARTER

Quarter : 2 Week : 10 Day : 19 Activity No : 19

Competency: : Produce evaluate a creative text-based, visual-based, audio-
based, motion-based, and manipulative-based presentation
using design principles and elements.
Objective : • Create a visual-based presentation (infographics) using
design principles and elements
Topic : Visual Media
Materials : Learning Module, Learning Activity Sheets ,Teaching Guide
Reference : Media and Information Literacy Teaching Guide (for Senior
High School) by The Commission on Higher Education in
collaboration with the Philippine Normal University
Copyrights : For Classroom Use

Concept Notes
Visual Design Elements are:
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.
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. 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.
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.
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 are:

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 unevenly
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. 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.
(Notice how similar Harmony is to Unity - some sources list both terms).
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.
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.
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.
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.

Activity 2: Creating Infographics

Directions: Research for facts and figures about the social issue you had
chosen in Activity 1. Using your cellphones, laptops, desktops or any publishing
software, create an infographic to show the facts and figures visually. ( An information
graphics or infographics are graphic visual representations of information, data or
knowledge intended to present information quickly and clearly.) A sample infographics
is shown below. See the rubrics as your guide in making an infographic the post your
completed work in your MIL Portal.

Sample Infographics

Rubrics in Making an Infographics

Criteria 5 4 3 2 1
Content Content is Content is Content is Content is Content is
accurate and accurate accurate but questionable. inaccurate.
all required but some Information is Informatio
information is Some required not presented n is not
presented in a required information in a logical presented
logical order. information is missing order, making in a logical
is missing and/or not it difficult order,
and/or not presented in to follow. making it
presented in a logical difficult to
a logical order, follow.
making it
 order, but is difficult to
still follow.
generally
easy to
follow.
Presentation Presentation Presentatio Presentation Presentation is Presentatio
of Information flows well and n flows well. flows well. unorganized. n has no
logically. Tools are Some tools Tools are flow.
Presentation used are used to not used in a Insufficient
reflects correctly. show relevant informatio
extensive use Each acceptable manner. n and
of tools in a member’s understandi Lacking some lacking
creative way. information ng. of some of the
Each is Each the members’ member’s
member’s represented member’s information/ informatio
information and information and or n.
is represented identified is information is
and identified with their represented not identified
with their name. and
name. Overall identified
presentatio with their
n is name.
interesting
Use of Visual Use of visual Visual Most visual Visual design No visual
Design Elements design design design elements design
(point, line, elements are elements elements are are elements
shape, value, appropriate. are appropriate inappropriate used.
texture, and Layout is appropriate. or
color) pleasing to Layout is layout is
the cluttered. messy.
eyes.
Use of Visual Use of visual A visual Two visual Many visual No effort
Design design design design design was made
Principles principles are principle is principles principles were to employ
(consistency of used violated. are violated. used correct
margins; appropriately. inappropriately visual
typeface; . design
typestyle; principles.
and colors;
balance,
perspective,
harmony, unity,
movement, and
variety)
Mechanics No spelling Few spelling Some Some spelling Many
errors. No errors. Few spelling errors. Some spelling
grammar grammar errors. Some grammar and or
errors. Text is errors. Text grammar errors. Most of grammar
in authors’ is in errors. Text text is in errors.
own words. authors’ is in authors’ authors’ Text is
own words. own words. own words. copied.
Rubric adapted from Teacher Planet via http://teacherplanet.com

https://www.dreamstime.com/royalty-free-stock-photos-set-inspirational-human-infographic- elements
vector-eps-image39061828