media and information literacy (mil)- visual information and media (part 1)
TRANSCRIPT
Mr. Arniel V. PingSt. Stephen’s High SchoolManila, Philippines
MEDIA AND INFORMATION LITERACY
VISUAL INFORMATION AND MEDIA (PART 1)
DefinitionPurpose and ImportanceTypes and FormatsVisual Design Elements
LEARNERS WILL BE ABLE TO…
define visual information and visual media (SSHS);
discuss the purpose and importance of visual media (SSHS);
describe the different dimensions of visual information and media (MIL-11/12VIM-IVc-7);
LEARNING COMPETENCIES
LEARNERS WILL BE ABLE TO…
discuss the elements of visual design (SSHS);
comprehend how visual information and media is/are formally and informally produced, organized and disseminated (MIL11/12-VIM-IVc-8); and
LEARNING COMPETENCIES
LEARNERS WILL BE ABLE TO…
evaluate the reliability and validity of visual information and media and its/ their sources using selection criteria (MIL11/12-VIM-IVc-9).
LEARNING COMPETENCIES
I- VISUAL INFORMATION AND MEDIA
A. Definition
B. Purpose and Importance
C. Types and Formats
D. Visual Design Elements
TOPIC OUTLINE
Visual Storytelling
THE HYBRID GRAPHIC NOVEL
SOURCES:
https://www.dtelepathy.com/blog/inspiration/30-compelling-examples-of-visual-storytelling-on-the-web
http://graphicnovel-hybrid4.peugeot.com/start.html
FORMATIVE ASSESSMENT
CLASS ACTIVITY
1. Write the story of the graphic novel in your notebook. You are not allowed to talk to your classmates. (5 minutes)
FORMATIVE ASSESSMENT
CLASS DISCUSSION
1. What is the story in this graphic novel?
2. Who is the main character in the story? How did you know?
3. What do you know about the main character? How did you know it?
FORMATIVE ASSESSMENT
VISUAL INFORMATION
VISUAL MEDIA
EXAMPLES OF VISUAL MEDIA• Photography• Video• Screenshots• Infographics• Data Visualization (charts
and graphs)• Comic Strips/Cartoons• Memes• Visual Note-Taking
PURPOSE OF VISUAL INFORMATION
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
THE POWER OF VISUAL CONTENT MARKETINGSource: http://springboardpr.ie/the-power-of-visual-content-marketing/
KNOW YOUR IMAGE FORMATHTTPS://MAKEAWEBSITEHUB.COM/IMAGE-FORMATS-MEGA-CHEAT-SHEETS/
COMMON VISUAL MEDIA FILE TYPES
ELEMENTS OF VISUAL DESIGN
VISUAL DESIGN ELEMENTS
P.123 MIL TEACHING GUIDE BY CHED
THE BUILDING BLOCKS OF VISUAL DESIGN BY TEO SIANG
https://www.interaction-design.org/literature/article/the-building-blocks-of-visual-design
LINE
describes a shape or outline
create texture and can be thick or thin
may be actual, implied, vertical, horizontal, diagonal, or contour lines
VISUAL DESIGN ELEMENTSP. 123, MIL TEACHING GUIDE BY CHED
LINE
Source:https://www.interaction-design.org/literature/article/the-building-blocks-of-visual-design
LINE
Source:https://www.interaction-design.org/literature/article/the-building-blocks-of-visual-design
Author/Copyright
holder: Teo Yu Siang
and Interaction Design
Foundation. Copyright
terms and licence: CC
BY-NC-SA 3.0
SHAPE
a geometric or organic area that stands out from the space next to or around it, or because of differences in value, color, or texture
VISUAL DESIGN ELEMENTSP. 123, MIL TEACHING GUIDE BY CHED
VALUE
the degree of light and dark in a design
contrast between black and white and all the tones in between
VISUAL DESIGN ELEMENTSP. 123, MIL TEACHING GUIDE BY CHED
VISUAL DESIGN ELEMENTSP. 123, MIL TEACHING GUIDE BY CHED
TEXTURE
way a surface feels or is perceived to feel
illusion of the surfaces peaks and valleys, resulting in a feeling of smoothness or roughness in objects
VISUAL DESIGN ELEMENTSP. 123, MIL TEACHING GUIDE BY CHED
COLOR
determined by its hue (name of color), intensity (purity of the hue), and value (lightness or darkness of hue)
used for emphasis, or may elicit emotions from viewers
Source: https://www.creativeboom.com/resources/essential-colour-guide-for-designers-understanding-colour-theory/
VISUAL DESIGN ELEMENTSP. 123, MIL TEACHING GUIDE BY CHED
FORM
a figure having volume and thickness
an illusion of a 3-dimensional object can be implied with the use of light and shading
can be viewed from many angles
FORM
Source: http://visualartspdsf.blogspot.com/2012/04/form-or-volume.html
FORM IS A SHAPE IN THREE DIMENSIONS
SHAPE FORM
Source: http://www.gmanetwork.com/news/newstv/content/281695/news-tv-fan-favorite-i-juander-moves-to-wednesdays-8-pm/story/
Source:http://entertainment.abs-cbn.com/tv/shows/angprobinsyano/photos/albums/7642516-ligtas-tips-paalala-ng-probinsyano
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/