MIL.G12.Q2.W4.Text and Visual Information and Media
MIL.G12.Q2.W4.Text and Visual Information and Media
Grade 12
Second Quarter, Learning Activity Sheet, Week 4
https://bamil786447613.files.wordpress.com/2018/11/people-media-1.jpg?w=736
JOANNE P. PATING
Developer
i
Republic of the Philippines
Department of Education
Cordillera Administrative Region
SCHOOLS DIVISION OF MOUNTAIN PROVINCE
Bontoc, Mountain Province
Published by:
Learning Resource Management and Development System
COPYRIGHT NOTICE
2020
This material has been developed for the implementation of K-12 Curriculum
through the Curriculum Implementation Division (CID) – Learning resource
Management and Development System (LRMDS). It can be reproduced for
educational purposes and the source must be acknowledged. Derivative of the work
including creating an edited version, an enhancement or a supplementary work are
permitted provided all original work is acknowledge and the copyright is attributed. No
work may be derived from this material for commercial purposes and profit.
ii
PREFACE
Grade Level : 12
Language : English
iii
ACKNOWLEDGEMENT
The developer wishes to express her gratitude to those who helped in the
development of this learning material. The fulfilment of this learning material would not
be possible without these people who gave their support, helping hand and
cooperation.
To the Almighty God for all graces and wisdom He had offered; to my family,
for their understanding and unending support, to my co-workers for their
encouragement and technical support, and to all who were not mentioned but had
helped in some way to finish this module, thanks to all of you.
/JPP/
PRE - EVALUATORS
CONSULTANTS
iv
TABLE OF CONTENTS
Title Pages
v
Name of Learner: Grade and Section:
https://bamil786447613.files.wordpress.com/2018/11/people-media-1.jpg?w=736
JOANNE P. PATING
Developer
1
TEXT AND VISUAL INFORMATION AND MEDIA
I. MOST ESSENTIAL LEARNING COMPETENCY
The most essential Learning Competencies are to:
describe the dimensions of Text Information and Media; (No identified code)
describe the dimensions of Visual Information and Media; (No identified code)
analyze how the different dimensions are formally and informally produced,
organized, and disseminated; and (No identified code)
produce a creative text-based and visual-based presentation using design
principle and elements. (No identified code)
II. INTRODUCTION
2
e. As a producer of text media and information, we need to review the media and
information design framework: target audience, author or sender, key content,
purpose, form/style and format.
TEXT AS VISUALS
a. Typeface (also called font, font type, or type) refers to the representation or style of a
text in the digital format.
b. A typeface is usually comprised of alphabets, numbers, punctuation marks, symbols
and other special characters. When fonts are installed in the computer, they usually
come in file formats such as True Type Font (.ttf), Open Type Font (.otf), etc.
c. In the absence of images or drawings, text is the easiest way of communicating to
your audience. The use of various font types can express different emotions or
meaning.
TYPES OF TYPEFACES
Source: p. 120, MIL TG by CHED
3
DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED
http://www.printwand.com/blog/basic-alignment-principles-in-graphic-
design-with-examples
4
5. Organization - refers to a conscious
effort to organize the different text
elements in a page. Organization
ensures that while some text elements
are separated from each other (based
on the principle of proximity), they are
still somehow connected with the rest of
the elements in the page. When there
are many elements needed to fit in a
page, start by creating a framework or a
compartment for the elements. Divide Source: MIL TG by CHED
5
LESSON 2: VISUAL INFORMATION AND MEDIA
Visual media and information are 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.
6
Visual design elements are the building blocks or basic units in the construction of
a visual image. The 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.
7
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
Source: https://www.sitepoint.com/principles-of-design-
values.
value/
Value, also sometimes referred to as tone, is The value of each of the silhouetted dogs
the relative lightness and darkness of an gives a different impression about the dog
object.
8
6. FORM – a figure having volume and
thickness. An illusion of a 3-dimensional object
can be implied with the use of light and SHAPE
FORM
shading. Form can be viewed from many
angles.
Source: http://visualartspdsf.blogspot.com/2012/04/form-or-
volume.html
FORM and VOLUME
Form is an element of art. At its most basic, a form
is a three-dimensional geometrical figure (i.e.:
sphere, cube, cylinder, cone, etc.), as opposed to
a shape, which is two-dimensional, or flat.
A form always has three dimensions; length, width
and height. When you stand next to an object you
can go round it and see the three dimensions.
Volume (three-dimensionality) can be simulated in
Source: http://visualartspdsf.blogspot.com/2012/04/form-or-
a two-dimensional work (like a drawing) thanks to volume.html
the use of light and shadows, perspective, etc.
Source: http://www.loopassociates.com/projects/brand-consistency-
leading-to-millions-in-cost-reduction/
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.
Source: https://oss.adm.ntu.edu.sg/wheng004/tag/design/
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 Source: http://operationwritehome.org/all-things-being-
equal-balance-in-design/
in creating balance in a composition.
9
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). Source: https://oss.adm.ntu.edu.sg/wheng004/tag/design/
10
9. DOMINANCE - gives interest,
counteracting confusion and monotony
can be applied to one or more of the
elements to give emphasis Source: https://oss.adm.ntu.edu.sg/wheng004/tag/design/
Activity 1: Describe the dimensions (design principles and elements) of text information and
media applied in the following media:
Source: https://downmagaz.com/business_magazine_economics/47156-
entrepreneur-philippines-february-2015.html
Source:
http://cnnphilippines.com/news/2017/02/01/HIV-cases-increase-2016-DOH.html
11
Activity 2: Discuss the dimensions (design elements and principles) of visual media and
information applied in the following media.
Source: https://cscro6.wordpress.com/arta-corner/#jp-carousel-
2112
Source: https://www.tes.com/lessons/tmup-FOeYTHX1A/two-
point-perspective-drawing
Source: http://www.thephotoargus.com/35-superb-examples-of-
still-life-photography/
Source:
http://www.pinoyexchange.com/forums/showthread.php?t=313065&page=7
12
Activity 3: Analyze how the different dimensions are formally and informally produced,
organized, and disseminated.
Sources: http://bonfx.com/bad-typography/
Source: http://bonfx.com/bad-typography/
Source: https://twitter.com/philredcross/status/706041623839244288
13
Source: https://docontent.wordpress.com/2015/04/08/want-a-good-design-remember-to-
c-r-a-p-contrast-repetition-alignment-proximity/
For the criteria and grading your output in your performance task, please refer to the rubric
below.
Criteria Very Good Good Poor Needs
(10 points) (9 points) (8 points) Improvement
(7 points)
Texts and visuals Texts and visuals 1- 2 texts and visuals 3 or more texts and
are very clear and are clear and are vague and not visuals are vague
CONTENT
strongly related to related to the related to the topic. and not related to
the topic. topic. the topic.
DESIGN 4 or more design 3-4 design 1 -2 design principle None of the design
PRINCIPLES principles and principles and and element is principles and
AND elements are elements are evident elements are
ELEMENTS evident. evident. evident
It is exceptionally It is attractive in More attention to the It is unattractive
attractive in the terms of color selection of color due to poor color
OVERALL
terms of color scheme, design scheme, design and scheme, design
EFFECT
scheme, design, and layout. layout is needed. and layout.
and layout
V. CLOSURE/ REFLECTION:
Performance Task:
Create text and visual media composed of not less than 5 posters informing people of
valuable information that they need to know. Apply the text and visual design principles and
elements.
You may use PowerPoint Presentation. Follow the guide below
Image Size: click>design>slide size>standard (4:3)
File Format: click>file>export>change file type>JPEG file interchange format
In case, no resources available, you may design the poster manually (pen & bond paper)
Print your output or you may send it online to your teacher. You may also create a page
to upload your output then send the link to your teacher.
14
VI. REFERENCES:
Andres, Virginia P., Plaza, Louis Mark N., Rotor, Conrado C., Vilbar, Aurelio P., Villanueva,
Cheryl F. Teaching Guide for Senior High School Media and Information Literacy. Quezon
City. The Commision on Higher Education. 2016
Liquigan, Boots C. Media and Information Literacy. Makati City. Diwa Learning System Inc.
2016.
Ping, Arniel. "Text Information and Media - Part 1." September 8, 2017.
https://www.slideshare.net/arnielping/text-media-and-information-part-1. Accessed
September 20, 2021.
Ping, Arniel. "Visual Information and Media - Part 1." September 10, 2017.
https://www.slideshare.net/arnielping/visual-media-and-information-part-1. Accessed
September 21, 2021.
Ping, Arniel. "Visual Information and Media - Part 2." September 10, 2017.
https://www.slideshare.net/arnielping/visual-media-and-information-part-2. Accessed
September 21, 2021.
15