MEDIA AND

INFORMATION
LITERACY

VISUAL INFORMATION
AND MEDIA

Mr. Arniel V. Ping

St. Stephen’s High School
Manila, Philippines
LEARNERS WILL BE ABLE TO…
A. identify the different types of visual
content.

B. critique the effectiveness of visual

information

C. value the importance of the creativity

and understanding.
Question
Source: http://graphicnovel-hybrid4.peugeot.com/start.html
Source: http://graphicnovel-hybrid4.peugeot.com/start.html
Source: http://graphicnovel-hybrid4.peugeot.com/start.html
Source: http://graphicnovel-hybrid4.peugeot.com/start.html
Source: http://graphicnovel-hybrid4.peugeot.com/start.html
Source: http://graphicnovel-hybrid4.peugeot.com/start.html
Source: http://graphicnovel-hybrid4.peugeot.com/start.html
Source: http://graphicnovel-hybrid4.peugeot.com/start.html
Source: http://graphicnovel-hybrid4.peugeot.com/start.html
Source: http://graphicnovel-hybrid4.peugeot.com/start.html
Source: http://graphicnovel-hybrid4.peugeot.com/start.html
Source: http://graphicnovel-hybrid4.peugeot.com/start.html
 EXAMPLES OF VISUAL MEDIA
VISUAL • Photography
INFORMATION • Video
• Screenshots
• Infographics
• Data Visualization (charts
and graphs)
VISUAL MEDIA • Comic Strips/Cartoons
• Memes
• Visual Note-Taking
PURPOSE OF VISUAL INFORMATION

gain attention
create meaning
facilitate retention
Source: http://www.comoxvalleyrd.ca/EN/meta/whats-new/news-archives/2015/practice-how-to-drop-
cover-and-hold-on-during-shakeout-bc-day.html
The Power Of Visual Content BY DemandGen Report (2014)
Source: https://www.demandgenreport.com/industry-topics/rich-media/2906-the-power-of-visual-content-infographic
Source:
https://postcro
n.com/en/blog
/visual-
content-
strategies-for-
social-
networks/
THE POWER OF VISUAL CONTENT MARKETING
Source: http://springboardpr.ie/the-power-of-visual-content-marketing/
COMMON VISUAL MEDIA FILETYPES

KNOW YOUR IMAGE FORMAT

HTTPS://MAKEAWEBSITEHUB.COM/IMAGE-FORMATS-MEGA-
CHEAT-SHEETS/
KNOW YOUR IMAGE FORMAT
HTTPS://MAKEAWEBSITEHUB.COM/IMAGE-
FORMATS-MEGA-CHEAT-SHEETS/
KNOW YOUR IMAGE FORMAT
HTTPS://MAKEAWEBSITEHUB.COM/IMAGE-
FORMATS-MEGA-CHEAT-SHEETS/
KNOW YOUR IMAGE FORMAT
HTTPS://MAKEAWEBSITEHUB.COM/IMAGE-
FORMATS-MEGA-CHEAT-SHEETS/
KNOW YOUR IMAGE FORMAT
HTTPS://MAKEAWEBSITEHUB.COM/IMAGE-
FORMATS-MEGA-CHEAT-SHEETS/
KNOW YOUR IMAGE FORMAT
HTTPS://MAKEAWEBSITEHUB.COM/IMAGE-
FORMATS-MEGA-CHEAT-SHEETS/
Source: http://www.gmanetwork.com/news/newstv/content/281695/news-tv-fan-favorite-i-juander-moves-
to-wednesdays-8-pm/story/
Source:
http://www.
gmanetwork
.com/news/
newstv/cont
ent/511650/
infographic-
ligtas-lindol-
tips/story/
Source:
http://entertai
nment.abs-
cbn.com/tv/sh
ows/angprobi
nsyano/photo
s/albums/764
2516-ligtas-
tips-paalala-
ng-
probinsyano
Source: https://thebeatdfw.com/2940220/bruno-mars-24k-magic-world-tour-2017-enter-to-win/
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.
REFERENCES
The Building Blocks of Visual Design by TEO SIANG
 https://www.interaction-design.org/literature/article/the-building-blocks-of-visual-design

Digital Image File Types Explained

 http://users.wfu.edu/matthews/misc/graphics/formats/formats.html

Know Your Image Format

 https://makeawebsitehub.com/image-formats-mega-cheat-sheets/