MEDIA AND INFORMATIONLITERACY (MIL)

TEXT INFORMATION AND MEDIA (Part 1)

Definition, Characteristics, Format and Types, Text as Visual,

Selection Criteria, Design Principle and Elements
LEARNING COMPETENCIES
Learners will be able to…
• define text in the context of multimedia
• describe the different dimensions of text
information and media
• comprehend how text information and media
is/are formally and informally produced,
organized, and disseminated
LEARNING COMPETENCIES
Learners will be able to…
• evaluate the reliability and validity of text
information and media and its/ theirsources
using selection criteria
TOPIC OUTLINE
I- TEXTINFORMATION AND MEDIA
A. Definition, Characteristics, Format and Types,
Sources, Advantages and Limitations, and
Value
B. Text as Visual
C. Selection Criteria
D. Design Principle and Elements
 VIDEO PRESENTATION
SONA: Pagsusulat ng Baybayin,Layong
Buhayin ng Grupong HiblaSanghabi

Link: https://www.youtube.com/watch?v=X5cXn4kodN8
What is a text? a simple and flexible format of
presenting information or conveying
ideas whether hand-written, printedor
displayed on-screen
(Source: MIL TG by CHED)
TEXT
any ‘’human-readable
sequence of characters’’that
can form intelligible words
(Rouse, 2015)
 FORMATIVE ASSESSMENT

How is text used in the

following media?
Source:
https://i.pinimg.com/73
6x/44/b3/eb/44b3eb3a5
979ee280c96c13eb892c
cbb--funny-pics-funny-
stuff.jpg
Source:
https://www.zazzle.com/funn
y+kids+tshirts
Sources:
https://www.zazzle.co
m/funny+tshirts
Source: http://www.gettyimages.com/detail/news-photo/man-blatantly-ignores-a-traffic-warning-sign-that-reads-no-
news-photo/108428193#man-blatantly-ignores-a-traffic-warning-sign-that-reads-no-crossing-picture-id108428193
Source:
http://www.pinoygagj
okes.com/2014/07/50
-pictures-most-
funniest-pinoy-
signage.html
Source:
http://www.pin
oygagjokes.com
/2014/07/50-
pictures-most-
funniest-pinoy-
signage.html
Source:
http://www.pinoygagj
okes.com/2014/07/50
-pictures-most-
funniest-pinoy-
signage.html
 TYPES OF TEXT AND
COMMON FILE FORMATS
 TYPES OF TEXT DESCRIPTION
HYPERTEXT serve to link different electronic
documents and enable users to jump from
one to other in a nonlinearway
PLAINTEXT or fixed sized characters having essentially
UNFORMATTEDTEXT the same type ofappearance
FORMATTEDTEXT appearance can be changed using font
parameters (bold, underline, italic, font
size, font color, etc.)
Source: p.144, Media and Information Literacy by Boots C. Liquigan, Diwa Learning SystemsInc.
HYPERTEXT
This Go to Page 1 is a hypertext that will
bring you to the first slide in this
presentation.
HYPERTEXT
This LERWINPING is a hypertext that
will bring you to my SlideShare
account.

This https://www.slideshare.net/lerwinping
is a hyperlink or link to my SlideShare
account.
HYPERTEXT
This YouTube is a hypertext that will bring
you to YouTube.

This https://www.youtube.com is a hyperlink

or link that will bring you to YouTube.
UNFORMATTED TEXT

Source: https://blog.xamarin.com/mobile-apps-with-visual-basic-xamarin-forms/
 FORMATTED TEXT

Source: Microsoft Word

What is atypeface?
also called font, font type, ortype

refers to the representation or

TYPEFACE style ofa text in the digital format

usually comprised of alphabets,

numbers, punctuation marks, symbols
and other special characters

Source: p. 119, MIL TG by CHED

TYPES OF TYPEFACES
Source: p. 120, MIL TG by CHED
TYPES OF TYPEFACES
Source: p. 120, MIL TG by CHED
TYPES OF TYPEFACES
Source: p. 120, MIL TG by CHED
TYPES OF TYPEFACES
Source: p. 120, MIL TG by CHED
TYPES OF TYPEFACES
Source: p. 120, MIL TG by CHED
 COMMON FILE DESCRIPTION
FORMATS
TXT(text) • Unformatted text document by an editor as
notepad on Windows platform
DOC(document) •a native format for storing documentscreated
by MS Word package
•contain a rich set of formatting capabilities
RTF(Rich Text •Cross platform document exchange; default
Format) format for Mac OSX’s default editor TextEdit
Source: p.149, Media and Information Literacy by Boots C. Liquigan, Diwa Learning SystemsInc.
 COMMON FILE DESCRIPTION
FORMATS
PDF(Portable • developed by Adobe systems for crossplatform
Document exchange of documents, supports image and
Format) graphics
PS(PostScript) • a page description language used mainly for
desktop publishing

Source: p.149, Media and Information Literacy by Boots C. Liquigan, Diwa Learning SystemsInc.
FILE TYPE SELECTION WHEN SAVING AN
MS WORD DOCUMENT
DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED
 DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED

1.EMPHASIS
• importance or value given to apart
of the text-based content
1. EMPHASIS

• make the text bold

• Italicized
• have a heavier weight
• darkened or lightened
•enlarged
1. EMPHASIS

Source: https://tympanus.net/codrops/2011/10/08/25-examples-of-emphasis-applied-in-web-design/
1. EMPHASIS

Source: https://twitter.com/philredcross/status/706041623839244288
 DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED

2.APPROPRIATENESS
• how fitting or suitable the text is
used for a specific audience,
purpose or event
2. APPRORIATENESS
Times New Roman
Arial
Aharoni
Rockwell
EdwardianScript
Jokerman
2. APPRORIATENESS

Sources: http://bonfx.com/bad-typography/
2. APPRORIATENESS

Source: http://bonfx.com/bad-typography/
 DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED

3. PROXIMITY
• how near or how far the text elements
from each other
• when two things are closely related,
bring them close together
3. PROXIMITY
 DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED

4. ALIGNMENT
• how the text is positioned in the page
• left, center, right, or justified
4. ALIGNMENT

Source: http://www.printwand.com/blog/basic-alignment-principles-in-graphic-design-with-examples
 DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED

5. ORGANIZATION
• conscious effort to organize thedifferent
text elements in apage
• ensures that while some text elementsare
separated from each other, they are still
somehow connected with the rest of the
elements in the page
5. ORGANIZATION

Source:
MIL TGby CHED
5. ORGANIZATION

Source:
https://doc
ontent.wor
dpress.com
/2015/04/0
8/want-a-
good-
design-
remember-
to-c-r-a-p-
contrast-
repetition-
alignment-
proximity/
 DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED

6. REPETITION
•consistency of elements
•unity of the entiredesign
•repeating some typefaces within
the page
6. REPETITION

Source:
https://doc
ontent.wor
dpress.com
/2015/04/0
8/want-a-
good-
design-
remember-
to-c-r-a-p-
contrast-
repetition-
alignment-
proximity/
 DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED

7. CONTRAST
•creates visual interest
•two elements are different from
each other
CONTRAST: TWO ELEMENTS ARE DIFFERENT

 white text on a dark background

 large font with a small font
 serif and sans serif
 thin elements with wideelements
 cool color and warm color
7. CONTRAST

Source:
https://doc
ontent.wor
dpress.com
/2015/04/0
8/want-a-
good-
design-
remember-
to-c-r-a-p-
contrast-
repetition-
alignment-
proximity/
 FORMATIVE ASSESSMENT

Discuss text design principles

and elements applied in the
following media.
Source:
https://www.androidpit.c
om/facebook-messenger-
update
Source:
https://downmagaz.co
m/business_magazine
_economics/47156-
entrepreneur-
philippines-february-
2015.html
Source:
http:// www.inquirer.net/pag
e-one-single
Source: https://cinemabravo.com/2017/05/11/sigrid-andrea-bernardos-kita-kita-to-have-ph-premiere-at-up-cine-
adarna-on-may-12/
Source: https://www.facebook.com/
Source: http://www.deped.gov.ph/
Source:
http://news.abs-
cbn.com/focus/multimedia/infographic/09/04/17/
what-is-japanese-encephalitis
Source:
http://cnnphilippines.com/
news/2017/02/01/HIV-
cases-increase-2016-
DOH.html
Source:
https://www.rappler.com/
technology/social-
media/180340-zarks-
burger-8-pesos-rush