MEDIA AND INFORMATION LITERACY VISUAL INFORMATION AND MEDIA
- Slides: 71
MEDIA AND INFORMATION LITERACY VISUAL INFORMATION AND MEDIA Definition Purpose and Importance Types and Formats Visual Design Elements
LEARNERS WILL BE ABLE TO… define (SSHS); visual information and visual media discuss the purpose and importance of visual media (SSHS); describe the different dimensions of visual information and media (MIL-11/12 VIM-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 (MIL 11/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 (MIL 11/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-visualstorytelling-on-the-web http: //graphicnovel-hybrid 4. peugeot. com/start. html FORMATIVE ASSESSMENT
Source: http: //graphicnovel-hybrid 4. peugeot. com/start. html
Source: http: //graphicnovel-hybrid 4. peugeot. com/start. html
Source: http: //graphicnovel-hybrid 4. peugeot. com/start. html
Source: http: //graphicnovel-hybrid 4. peugeot. com/start. html
Source: http: //graphicnovel-hybrid 4. peugeot. com/start. html
Source: http: //graphicnovel-hybrid 4. peugeot. com/start. html
Source: http: //graphicnovel-hybrid 4. peugeot. com/start. html
Source: http: //graphicnovel-hybrid 4. peugeot. com/start. html
Source: http: //graphicnovel-hybrid 4. peugeot. com/start. html
Source: http: //graphicnovel-hybrid 4. peugeot. com/start. html
Source: http: //graphicnovel-hybrid 4. peugeot. com/start. html
Source: http: //graphicnovel-hybrid 4. peugeot. com/start. html
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 gain attention create meaning facilitate retention
PURPOSE OF VISUAL INFORMATION Source: http: //www. comoxvalleyrd. ca/EN/meta/whats-new/news-archives/2015/practice-how-to-dropcover-and-hold-on-during-shakeout-bc-day. html
The Power Of Visual Content BY Demand. Gen 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 /visualcontentstrategies-forsocialnetworks/
THE POWER OF VISUAL CONTENT MARKETING Source: http: //springboardpr. ie/the-power-of-visual-content-marketing/
COMMON VISUAL MEDIA FILE TYPES KNOW YOUR IMAGE FORMAT HTTPS: //MAKEAWEBSITEHUB. COM/IMAGE-FORMATS-MEGACHEAT-SHEETS/
KNOW YOUR IMAGE FORMAT HTTPS: //MAKEAWEBSITEHUB. COM/IMAGEFORMATS-MEGA-CHEAT-SHEETS/
KNOW YOUR IMAGE FORMAT HTTPS: //MAKEAWEBSITEHUB. COM/IMAGEFORMATS-MEGA-CHEAT-SHEETS/
KNOW YOUR IMAGE FORMAT HTTPS: //MAKEAWEBSITEHUB. COM/IMAGEFORMATS-MEGA-CHEAT-SHEETS/
KNOW YOUR IMAGE FORMAT HTTPS: //MAKEAWEBSITEHUB. COM/IMAGEFORMATS-MEGA-CHEAT-SHEETS/
KNOW YOUR IMAGE FORMAT HTTPS: //MAKEAWEBSITEHUB. COM/IMAGEFORMATS-MEGA-CHEAT-SHEETS/
ELEMENTS OF 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 create a shape or outline 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
LINE Source: https: //www. interactiondesign. org/literature/article /the-building-blocks-ofvisual-design
LINE Author/Copyright holder: Teo Yu Siang and Interaction Design Foundation. Copyright terms and licence: CC BY-NC-SA 3. 0 Source: https: //www. interactiondesign. org/literature/arti cle/the-building-blocksof-visual-design
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 ELEMENTS P. 123, MIL TEACHING GUIDE BY CHED
SHAPE Source: https: //www. tes. com/lessons/AML 9 tkm 0 r. Sdgf. A/organic-versus-geometric
SHAPE Source: http: //vanseodesign. com/web-design/form-surface-volume/
VALUE the degree of light 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
VALUE Source: https: //www. sitepoint. com/principles-of-design-value/
TEXTURE way feel a surface feels or is perceived to illusion of the surfaces peaks and valleys, resulting in a feeling of smoothness or roughness in objects VISUAL DESIGN ELEMENTS P. 123, MIL TEACHING GUIDE BY CHED
TEXTURE No Texture With Texture
TEXTURE Source: https: //www. pinterest. co m/pin/4318530517539009 79/
TEXTURE Source: http: //www. sibleyfineart. c om/glyscreen_oe. htm? gly /b 23 --bearded-collie. htm
TEXTURE Source: http: //opinion. inquirer. net/105207/editorial-cartoon-june-29 -2017
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 VISUAL DESIGN ELEMENTS P. 123, MIL TEACHING GUIDE BY CHED
Source: https: //www. creativeboom. com/resourc es/essentialcolourguide-fordesignersunderstandin g-colourtheory/
Source: http: //www. d ailyinfographi c. com/logosa-look-atthe-meaningin-colorsinfographic
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 VISUAL DESIGN ELEMENTS P. 123, MIL TEACHING GUIDE BY CHED
FORM SHAPE FORM IS A SHAPE IN THREEDIMENSIONS Source: http: //visuala rtspdsf. blogs pot. com/201 2/04/formorvolume. html
FORM Source: http: //visual artspdsf. blo gspot. com/ 2012/04/for m-orvolume. html
FORMATIVE ASSESSMENT RECITATION
Source: http: //www. gmanetwork. com/newstv/content/281695/news-tv-fan-favorite-i-juander-movesto-wednesdays-8 -pm/story/
Source: http: //www. gmanetwork. com/news/ newstv/cont ent/511650/ infographicligtas-lindoltips/story/
Source: http: //entertai nment. abscbn. com/tv/sh ows/angprobi nsyano/photo s/albums/764 2516 -ligtastips-paalalangprobinsyano
Source: http: //portal. d oh. gov. ph/con tent/howwash-handsproperly. html
Source: https: //thebeatdfw. com/2940220/bruno-mars-24 k-magic-world-tour-2017 -enter-to-win/
Source: http: //opinion. inquirer. net/106769/editorial-cartoon-august-31 -2017
Source: http: / / www. sshs. edu. ph /
PRINCIPLES OF 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
CONSISTENCY It is necessary to have consistency in margins, typestyle, and colors especially in documents or slides that re more than one page. VISUAL DESIGN PRINCIPLE P. 123, MIL TEACHING GUIDE BY CHED
CENTER OF INTEREST An area that first attracts the attention in a composition.
BALANCE A feeling of visual equality in shape, form, value, color, etc. VISUAL DESIGN PRINCIPLE P. 123, MIL TEACHING GUIDE BY CHED
HARMONY Brings together a composition with similar units. VISUAL DESIGN PRINCIPLE P. 123, MIL TEACHING GUIDE BY CHED
CONTRAST Offers some change in value creating a visual discord in a composition. VISUAL DESIGN PRINCIPLE P. 123, MIL TEACHING GUIDE BY CHED
DIRECTIONAL MOVEMENT A visual flow through the composition. VISUAL DESIGN PRINCIPLE P. 123, MIL TEACHING GUIDE BY CHED
RHYTHM A movement in which some elements recur regularly. VISUAL DESIGN PRINCIPLE P. 123, MIL TEACHING GUIDE BY CHED
Perspective Acreated through the arrangement of two-dimensional space to look like thet appear in real life. VISUAL DESIGN PRINCIPLE P. 123, MIL TEACHING GUIDE BY CHED
REFERENCES Media and Information Literacy Curriculum Guide by Dep. Ed 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. html Know Your Image Format https: //makeawebsitehub. com/image-formats-mega-cheat-sheets/
- Media literacy and information literacy similarities
- What is mil subject
- Who are the people involved in media
- Challenges of economic in media and information
- Cyber literacy for the digital age
- Ecology of media and information literacy
- The potluck paper
- Storyboard about media and information literacy
- Media literacy cartoon
- Typewriter (1800)telephone (1876)
- Disaster scenario according to the weather forecast
- Media and information literacy module 6
- Media and information literacy graphic organizer
- Gaze visual literacy
- Principles of visual literacy
- Visual literacy terminology
- Visual literacy in film
- Visual literacy picture books
- Visual techniques in film
- Visual literacy grade 10
- Maksud perekaan dalam seni visual
- Apakah maksud visual pada kata pemrograman visual
- Media literate
- Media literacy benefits
- Access in media literacy
- Poster making about media literacy
- News literacy quiz
- Slogan about media codes and conventions
- What is media literacy
- Media literacy definition
- The ability to access
- Information systems literacy
- Anziil
- Big six information literacy skills
- Big 6 research model
- Sails information literacy
- Emerging media definition
- Hamid rahim
- Visual instructional media
- Klasifikasi media bk
- Rps desain grafis
- Planning business messages
- Dipti vaidya
- Itt visual information solutions
- Current trend in media and information include
- Legal, ethical and societal issues in media and information
- Professional issues in information security
- Numeracy progressions version 3
- Literacy numeracy framework
- Elevation map maths lit
- Mathematical literacy grade 11 questions and answers
- What is interest in mathematical literacy
- Generaldutchl
- School education and literacy department
- Difference between formal education and als
- Literacy and numeracy secretariat
- Difference between orality and literacy
- Acara literacy continuum
- Scottish survey of literacy and numeracy
- Mathematical literacy grade 12 maps and scales
- Difference between mathematics and mathematical literacy
- Financial literacy and education commission
- Literacy and numeracy progressions
- Orality and literacy walter j. ong
- Measurement maths literacy grade 12
- Strip map mathematical literacy
- Language and literacy levels
- Education and literacy department sindh
- Financial literacy and stock market participation
- Hot cold media
- Hot media and cold media
- Wired and wireless media