Downloaded 7,861 times
Uploaded byArniel Ping
Media and Information Literacy (MIL)- Visual Information and Media (Part 1)
The document outlines the objectives and competencies related to visual information and media for learners at St. Stephen's High School, covering definitions, purposes, types, formats, and elements of visual design. It includes various assessments, discussions, and examples of visual media, such as photography and infographics, aimed at enhancing understanding and evaluation of visual content. Additional resources and references are provided to support learning in media and information literacy.
More Related Content
Similar to Media and Information Literacy (MIL)- Visual Information and Media (Part 1)
Media and Information Literacy (MIL)- Visual Information and Media (Part 1)
- 1. Mr. Arniel V.Ping St. Stephen’s High School Manila, Philippines MEDIA AND INFORMATION LITERACY VISUAL INFORMATION AND MEDIA (PART 1) Definition Purpose and Importance Types and Formats Visual Design Elements
- 2. LEARNERS WILL BEABLE 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
- 3. LEARNERS WILL BEABLE 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
- 4. LEARNERS WILL BEABLE 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
- 5. I- VISUAL INFORMATIONAND MEDIA A. Definition B. Purpose and Importance C. Types and Formats D. Visual Design Elements TOPIC OUTLINE
- 6. Visual Storytelling THE HYBRIDGRAPHIC 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
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19. CLASS ACTIVITY 1. Writethe story of the graphic novel in your notebook. You are not allowed to talk to your classmates. (5 minutes) FORMATIVE ASSESSMENT
- 20. CLASS DISCUSSION 1. Whatis 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
- 21. VISUAL INFORMATION VISUAL MEDIA EXAMPLES OFVISUAL MEDIA • Photography • Video • Screenshots • Infographics • Data Visualization (charts and graphs) • Comic Strips/Cartoons • Memes • Visual Note-Taking
- 22. PURPOSE OF VISUALINFORMATION gain attention create meaning facilitate retention
- 23. PURPOSE OF VISUALINFORMATION 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
- 24. The Power OfVisual Content BY DemandGen Report (2014) Source: https://www.demandgenreport.com/industry-topics/rich-media/2906-the-power-of-visual-content-infographic
- 25.
- 26. THE POWER OFVISUAL CONTENT MARKETING Source: http://springboardpr.ie/the-power-of-visual-content-marketing/
- 27. KNOW YOUR IMAGEFORMAT HTTPS://MAKEAWEBSITEHUB.COM/IMAGE-FORMATS-MEGA- CHEAT-SHEETS/ COMMON VISUAL MEDIA FILE TYPES
- 28. KNOW YOUR IMAGEFORMAT HTTPS://MAKEAWEBSITEHUB.COM/IMAGE- FORMATS-MEGA-CHEAT-SHEETS/
- 29. KNOW YOUR IMAGEFORMAT HTTPS://MAKEAWEBSITEHUB.COM/IMAGE- FORMATS-MEGA-CHEAT-SHEETS/
- 30. KNOW YOUR IMAGEFORMAT HTTPS://MAKEAWEBSITEHUB.COM/IMAGE- FORMATS-MEGA-CHEAT-SHEETS/
- 31. KNOW YOUR IMAGEFORMAT HTTPS://MAKEAWEBSITEHUB.COM/IMAGE- FORMATS-MEGA-CHEAT-SHEETS/
- 32. KNOW YOUR IMAGEFORMAT HTTPS://MAKEAWEBSITEHUB.COM/IMAGE- FORMATS-MEGA-CHEAT-SHEETS/
- 33. ELEMENTS OF VISUALDESIGN 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
- 34. LINE describes a shapeor outline create texture and can be thick or thin may be actual, implied, vertical, horizontal, diagonal, or contour lines VISUAL DESIGN ELEMENTS P. 123, MIL TEACHING GUIDE BY CHED
- 35.
- 36. LINE Source: https://www.interaction- design.org/literature/arti cle/the-building-blocks- of-visual-design Author/Copyright holder: Teo YuSiang and Interaction Design Foundation. Copyright terms and licence: CC BY-NC-SA 3.0
- 37. SHAPE a geometric ororganic area that stands out from the space next to or around it, or because of differences in value, color, or texture VISUAL DESIGN ELEMENTS P. 123, MIL TEACHING GUIDE BY CHED
- 38.
- 39.
- 40. VALUE the degree oflight and dark in a design contrast between black and white and all the tones in between VISUAL DESIGN ELEMENTS P. 123, MIL TEACHING GUIDE BY CHED
- 41.
- 42. VISUAL DESIGN ELEMENTS P.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
- 43.
- 44.
- 45.
- 46.
- 47. VISUAL DESIGN ELEMENTS P.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
- 48.
- 49.
- 50. VISUAL DESIGN ELEMENTS P.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
- 51. FORM Source: http://visuala rtspdsf.blogs pot.com/201 2/04/form- or- volume.html FORM IS ASHAPE IN THREE DIMENSIONS SHAPE FORM
- 52.
- 53.
- 54.
- 55.
- 56.
- 57.
- 58.
- 59.
- 60.
- 61. REFERENCES Media andInformation 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.
- 62. REFERENCES The Building Blocksof 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/