MEDIA AND INFORMATION LITERACY (MIL)

TEXT INFORMATION AND MEDIA

Definition, Characteristics, Format and Types, Text as

Visual, Selection Criteria, Design Principle and Elements

Mary Francis Antoinette T. Ontal

KNCHS-SHS
Koronadal City, So. Cot.
 a simple and flexible format of
What is a text? presenting information or
conveying ideas whether hand-
written, printed or 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
/736x/44/b3/eb/44b
3eb3a5979ee280c96
c13eb892ccbb--
funny-pics-funny-
stuff.jpg
Source:
https://www.zazzle.com/
funny+kids+tshirts
Sources:
https://www.zazzle
.com/funny+tshirts
Photo Credit: NOEL CELIS/AFP/Getty Images
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.pinoy
gagjokes.com/201
4/07/50-pictures-
most-funniest-
pinoy-
signage.html
Source:
http://www.
pinoygagjok
es.com/2014
/07/50-
pictures-
most-
funniest-
Source:
http://www.pinoy
gagjokes.com/201
4/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
nonlinear way
PLAINTEXT or fixed sized characters having
UNFORMATTED essentially the same type of
TEXT appearance
FORMATTED TEXT appearance can be changed
using
Source: p.144, Media and Information font
Literacy parameters
by Boots (bold,
C. Liquigan, Diwa Learning Systems Inc.
underline, italic, font size, font color,
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 a also called font, font type,
typeface? or type
refers to the representation
TYPEFACE or style of a 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 •a native format for storing documents
(document) created by MS Word package
•contain a rich set of formatting
capabilities
RTF (Rich Text •Cross platform document exchange;
Source: p.149, Media and Information Literacy by Boots C. Liquigan, Diwa Learning Systems Inc.
Format) default format for Mac OS X’s default
COMMON FILE DESCRIPTION
FORMATS
PDF (Portable • developed by Adobe systems for cross
Document platform exchange of documents,
Format) supports image and 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 Systems Inc.
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
a part 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
Edwardian Script
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 the
different text elements in a page
• ensures that while some text
elements are separated from each
other, they are still somehow
connected with the rest of the
elements in the page
5. ORGANIZATION

Source:
MIL TG by CHED
5. ORGANIZATION

Source:
https://do
content.
wordpres
s.com/20
15/04/08/
want-a-
good-
design-
remembe
r-to-c-r-a-
p-
contrast-
repetition
-
alignmen
t-
 DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED

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

Source:
https://do
content.
wordpres
s.com/20
15/04/08/
want-a-
good-
design-
remembe
r-to-c-r-a-
p-
contrast-
repetition
-
alignmen
t-
 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 wide
elements
7. CONTRAST

Source:
https://do
content.
wordpres
s.com/20
15/04/08/
want-a-
good-
design-
remembe
r-to-c-r-a-
p-
contrast-
repetition
-
alignmen
t-
 FORMATIVE ASSESSMENT

Discuss text design

principles and elements
applied in the following
media.
Source:
https://www.android
pit.com/facebook-
messenger-update
Source:
https://downmagaz.
com/business_mag
azine_economics/4
7156-entrepreneur-
philippines-february-
2015.html
Source:
http://www.inquirer.net/
page-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/1
7/what-is-japanese-encephalitis
Source:
http://cnnphilippines.c
om/news/2017/02/01/
HIV-cases-increase-
2016-DOH.html
Source:
https://www.rappler.c
om/technology/social
-media/180340-zarks-
burger-8-pesos-rush
Application
1.If you will be writing an
application letter for college,
what font will you be using?
Why?
2. You will create a cleanliness
drive campaign poster for your
school. Which of the design
principle and elements will
ensure that the text in your
poster is readable?
3. You want to share your narrative
report, which is in a word
document format, to your
classmates but you do not want
them to edit its content. What
options are available to you?
FORMATIVE ASSESSMENT:
ANNOUNCEMENT POSTER
You were given a task by your
class adviser to create a text-
based poster to inform your
classmates and teachers that your
section will be moved from your
current classroom to room 415
starting September 18, 2017.
ASSIGNMENT
EACH GROUP WILL MAKE A
POSTER USING THE DIFFERENT
DESIGN PRINCIPLES AND
ELEMENT.
YOU WILL BE BASED YOUR
POSTER FROM YOUR SHORT
FILM.
REFERENCES
 Media and Information Literacy
Curriculum Guide by DepEd
 Media and Information Literacy
Teaching Guide by CHED
 Media and Information Literacy
by Boots C. Liquigan, Diwa
Learning Systems Inc.