SlideShare a Scribd company logo
1 of 17
Download to read offline
VISUAL
INFORMATION AND
MEDIA
MIL PPT WEEK 13
 Forty percent of people will respond better to visual information
than plain text.
 Publishers who use info graphics grow in traffic an average 12%
more than those who don’t.
 Eighty percent of what is seen is retained.
 Conversions increase by 86 percent when videos are used in a
landing page.
 Twenty percent of words on a web page is read by the average
user.
 Landing pages with videos are 40 times more shareable.
What does the info graph imply about
the importance of visual content?
1.VISUAL MEDIA AND INFORMATION-materials, programs,
applications and the like that teachers and students use to
formulate new information to aid learning through the use,
analysis, evaluation and production of visual images.
2.TYPES OF VISUAL MEDIA-photography, video,
screenshots, infographics, data visualization (charts and
graphs), comic strips/cartoons, memes, visual note-taking,
etc.
3. FORMALLY AND INFORMALLY PRODUCED VISUAL
MEDIA-visual media produced by formal organizations such as
schools, government, and established media/publishing outfits
are considered formally produced. Other visual media are
considered informally produced.
4. PURPOSE OF VISUAL INFORMATION-the primary purpose
of visual information is to gain attention, create meaning, and
facilitate retention.
5. VISUAL DESIGN ELEMENTS-the building blocks or basic units in the construction
of a visual image
a.LINE-describes a shape or outline. It can create texture and can be thick or
thin. Lines may be actual, implied, vertical, horizontal, diagonal, or contour
lines.
b.SHAPE-usually a geometric area that stands out from the space next to or
around it, because of differences in value, color, or texture. Shape may also
be organic.
c.VALUE-the degree of light and dark in a design. It is the contrast between
black and white and all the tones in between. Value can be used with color as
well as black and white. Contrast is the extreme changes between values.
d. TEXTURE-the way a surface feels or is perceived to feel. Texture can be added to
attract or repel interest to a visual element. Visual texture is the illusion of the
surfaces peaks and valleys, resulting in a feeling of smoothness and roughness in
objects.
e. COLOR-determined by its hue (name of color), intensity (purity of the hue), and
value (lightness or darkness of hue). Color and color combination can play a large
role in the design. Color may be used for emphasis, or may elicit emotions from
viewers. Color maybe warm, cool, or neutral. It plays a major role in our visual
perception, as it influences our reactions about the world around us. It is therefore
important to create color palettes that evoke the appropriate audience reactions.
Color has three properties.
f. FORM-a figure having volume and thickness. An illusion of a 3-dimensional object
can be implied with the use of light and shading. Form can be viewed from many
angles.
6. VISUAL DESIGN PRINCIPLES:
a. CONSISTENCY OF MARGINS, TYPEFACE, AND COLORS is
necessary, especially in slide presentations or documents
that are more than one page.
b. CENTER OF INTEREST-an area that first attracts the
attention in a composition. This area is important compared
to the other objects or elements in a composition. This can
be by contrast of values, more colors, and placement in the
format.
c. BALANCE-a feeling of visual equality in shape, form,
value, color, etc. Balance can be symmetrical or evenly
balanced, or asymmetrically and unevenly balanced.
Objects, values, colors, textures, shapes, forms, etc can
be used in creating balance in a composition.
d. HARMONY-brings together a composition with similar
units. If for example your composition was using wavy
lines and organic shapes, you would stay with those
types of lines and not put in just one geometric shape.
e. CONTRAST-offer some change in value creating a visual discord in
a composition. Contrast shows the difference between shapes and can
e used as background to bring objects out and forward in a design. It
can also be used to create an area of emphasis.
f. DIRECTIONAL MOVEMENT-a visual flow through the composition. It
can be suggestion of motion in a design as you move in a design as
you move from object to object by way of placement and position.
Directional movement can be created with value pattern. It is with the
placement of dark and light areas that you can move your attention
through the format.
g. RHYTHM-a movement in which some elements
recur regularly. Like a dance, it will have a flow of
objects that will seem to be like the beat of music.
h. PERSPECTIVE-created through the arrangement
of objects in two-dimensional space to look like they
appear in real life. Perspective is a learned meaning
of the relationship between different objects seen in
space.
WRITTEN WORK 1:
Paste your visual image cutouts taken from magazine on your notebook. Fill up and
answer the questions given below. Also, create a 1-page critique of the visuals.
1. Who is the intended audience?
2. Who is the producer?
3. What is the purpose?
4. What is the topic or message? What are the facts?
5. How was the information presented? Did it make use of appropriate design elements
and principles?
6. Is this this the best platform to use? Why?
GROUP ACTIVITY:
CREATE AN INFOGRAPHICS ABOUT SOCIALAND
ETHICAL ISSUE ON MEDIAAND INFORMATION
LITERACY
(GROUPS OF 5) PRINT IT OUT. Ask 10 teachers to rate
your work, 10 as the highest.
The sum minus 2 will be your score.
RUBRICS:
CONTENT-2
PRESENTATION OF INFORMATION-2
USE OF VISUAL DESIGN ELEMENTS-2
USE OF VISUAL DESIGN PRINCIPLES-2
MECHANICS-2
TOTAL: 10

More Related Content

What's hot

MEDIA AND INFORMATION LITERACY (MIL)
MEDIA AND INFORMATION LITERACY (MIL)MEDIA AND INFORMATION LITERACY (MIL)
MEDIA AND INFORMATION LITERACY (MIL)Marvin Bronoso
 
Imaging and Design for Online Environment
Imaging and Design for Online EnvironmentImaging and Design for Online Environment
Imaging and Design for Online EnvironmentRichard Meriveles
 
Empowerment Technologies - Principles and Basic Techniques of Image Manipulation
Empowerment Technologies - Principles and Basic Techniques of Image ManipulationEmpowerment Technologies - Principles and Basic Techniques of Image Manipulation
Empowerment Technologies - Principles and Basic Techniques of Image ManipulationLany Lyn Magdaraog
 
Motion Media Information
Motion Media InformationMotion Media Information
Motion Media InformationJoace Gayrama
 
[EMPOWERMENT TECHNOLOGIES]-ADVANCED PRESENTATION SKILLS
[EMPOWERMENT TECHNOLOGIES]-ADVANCED PRESENTATION SKILLS[EMPOWERMENT TECHNOLOGIES]-ADVANCED PRESENTATION SKILLS
[EMPOWERMENT TECHNOLOGIES]-ADVANCED PRESENTATION SKILLSJazzyNF
 
Group 3 basic web page creation
Group 3  basic web page creationGroup 3  basic web page creation
Group 3 basic web page creationFe Lanny Tejano
 
Basic Principles Of Graphics and Layout
Basic Principles Of Graphics and LayoutBasic Principles Of Graphics and Layout
Basic Principles Of Graphics and LayoutDeoky5799
 
Visual Information and Media.pdf
Visual Information and Media.pdfVisual Information and Media.pdf
Visual Information and Media.pdfJoshuaMadera2
 
7 Imaging and Design for the Online Environment
7 Imaging and Design for the Online Environment7 Imaging and Design for the Online Environment
7 Imaging and Design for the Online EnvironmentTeodoro Llanes II
 
Media and Information Literacy (MIL)- Visual Information and Media (Part 2)
Media and Information Literacy (MIL)- Visual Information and Media (Part 2)Media and Information Literacy (MIL)- Visual Information and Media (Part 2)
Media and Information Literacy (MIL)- Visual Information and Media (Part 2)Arniel Ping
 
Interactive Multimedia - Empowerment Technologies
 Interactive Multimedia - Empowerment Technologies Interactive Multimedia - Empowerment Technologies
Interactive Multimedia - Empowerment TechnologiesMark Jhon Oxillo
 
Multimedia and ICT
Multimedia and ICTMultimedia and ICT
Multimedia and ICTMikaela Papa
 
Media and Information Literacy (MIL)- Visual Information and Media (Part 1)
Media and Information Literacy (MIL)- Visual Information and Media (Part 1)Media and Information Literacy (MIL)- Visual Information and Media (Part 1)
Media and Information Literacy (MIL)- Visual Information and Media (Part 1)Arniel Ping
 
Combining text, graphics, and images empo
Combining text, graphics, and images empoCombining text, graphics, and images empo
Combining text, graphics, and images empokyla bautista
 
Integrating images and external material
Integrating images and external materialIntegrating images and external material
Integrating images and external materialliezl maranguit
 

What's hot (20)

MEDIA AND INFORMATION LITERACY (MIL)
MEDIA AND INFORMATION LITERACY (MIL)MEDIA AND INFORMATION LITERACY (MIL)
MEDIA AND INFORMATION LITERACY (MIL)
 
Imaging and Design for Online Environment
Imaging and Design for Online EnvironmentImaging and Design for Online Environment
Imaging and Design for Online Environment
 
Empowerment Technologies - Principles and Basic Techniques of Image Manipulation
Empowerment Technologies - Principles and Basic Techniques of Image ManipulationEmpowerment Technologies - Principles and Basic Techniques of Image Manipulation
Empowerment Technologies - Principles and Basic Techniques of Image Manipulation
 
Motion Media Information
Motion Media InformationMotion Media Information
Motion Media Information
 
[EMPOWERMENT TECHNOLOGIES]-ADVANCED PRESENTATION SKILLS
[EMPOWERMENT TECHNOLOGIES]-ADVANCED PRESENTATION SKILLS[EMPOWERMENT TECHNOLOGIES]-ADVANCED PRESENTATION SKILLS
[EMPOWERMENT TECHNOLOGIES]-ADVANCED PRESENTATION SKILLS
 
Group 3 basic web page creation
Group 3  basic web page creationGroup 3  basic web page creation
Group 3 basic web page creation
 
Basic Principles Of Graphics and Layout
Basic Principles Of Graphics and LayoutBasic Principles Of Graphics and Layout
Basic Principles Of Graphics and Layout
 
Visual Information and Media.pdf
Visual Information and Media.pdfVisual Information and Media.pdf
Visual Information and Media.pdf
 
Mil quiz part1
Mil quiz part1Mil quiz part1
Mil quiz part1
 
Text Information and Media
Text Information and MediaText Information and Media
Text Information and Media
 
7 Imaging and Design for the Online Environment
7 Imaging and Design for the Online Environment7 Imaging and Design for the Online Environment
7 Imaging and Design for the Online Environment
 
Media and Information Literacy (MIL)- Visual Information and Media (Part 2)
Media and Information Literacy (MIL)- Visual Information and Media (Part 2)Media and Information Literacy (MIL)- Visual Information and Media (Part 2)
Media and Information Literacy (MIL)- Visual Information and Media (Part 2)
 
Visual Information and Media
Visual Information and MediaVisual Information and Media
Visual Information and Media
 
Interactive Multimedia - Empowerment Technologies
 Interactive Multimedia - Empowerment Technologies Interactive Multimedia - Empowerment Technologies
Interactive Multimedia - Empowerment Technologies
 
Multimedia and ICT
Multimedia and ICTMultimedia and ICT
Multimedia and ICT
 
9 Interactive Multimedia
9 Interactive Multimedia9 Interactive Multimedia
9 Interactive Multimedia
 
Media and Information Literacy (MIL)- Visual Information and Media (Part 1)
Media and Information Literacy (MIL)- Visual Information and Media (Part 1)Media and Information Literacy (MIL)- Visual Information and Media (Part 1)
Media and Information Literacy (MIL)- Visual Information and Media (Part 1)
 
Combining text, graphics, and images empo
Combining text, graphics, and images empoCombining text, graphics, and images empo
Combining text, graphics, and images empo
 
Productivity tools
Productivity toolsProductivity tools
Productivity tools
 
Integrating images and external material
Integrating images and external materialIntegrating images and external material
Integrating images and external material
 

Similar to Mil ppt week 13

Design 101 > Lesson 01
Design 101 > Lesson 01Design 101 > Lesson 01
Design 101 > Lesson 01Sean Buch
 
Dimensions of Media and Information - Visual.pptx
Dimensions of Media and Information - Visual.pptxDimensions of Media and Information - Visual.pptx
Dimensions of Media and Information - Visual.pptxCRISTYMAEDETALO
 
Empowerment Technologies - Imaging and Design for the Online Environment
Empowerment Technologies - Imaging and Design for the Online EnvironmentEmpowerment Technologies - Imaging and Design for the Online Environment
Empowerment Technologies - Imaging and Design for the Online EnvironmentLany Lyn Magdaraog
 
Introduction to Graphic Design- Elements and Principles of Art
Introduction to Graphic Design- Elements and Principles of ArtIntroduction to Graphic Design- Elements and Principles of Art
Introduction to Graphic Design- Elements and Principles of Artmoonlitaqua
 
Multimodal Rhetorics FromWriterDesignerAGuidetoM.docx
Multimodal Rhetorics    FromWriterDesignerAGuidetoM.docxMultimodal Rhetorics    FromWriterDesignerAGuidetoM.docx
Multimodal Rhetorics FromWriterDesignerAGuidetoM.docxroushhsiu
 
Visual Principles
Visual PrinciplesVisual Principles
Visual PrinciplesIzaham
 
Visual composition slideshow-Kyle.S
Visual composition slideshow-Kyle.SVisual composition slideshow-Kyle.S
Visual composition slideshow-Kyle.SCOM1005
 
Key Design Principles To Improve Your User Experience (UX)
Key Design Principles To Improve Your User Experience (UX)Key Design Principles To Improve Your User Experience (UX)
Key Design Principles To Improve Your User Experience (UX)Belatrix Software
 
4th Lecture_ART APPRECIATION GEC 5.pptx
4th Lecture_ART APPRECIATION GEC 5.pptx4th Lecture_ART APPRECIATION GEC 5.pptx
4th Lecture_ART APPRECIATION GEC 5.pptxHarvTaggueg
 

Similar to Mil ppt week 13 (20)

MIL 011123 PKISULAT.pptx
MIL 011123 PKISULAT.pptxMIL 011123 PKISULAT.pptx
MIL 011123 PKISULAT.pptx
 
Design 101 > Lesson 01
Design 101 > Lesson 01Design 101 > Lesson 01
Design 101 > Lesson 01
 
Dimensions of Media and Information - Visual.pptx
Dimensions of Media and Information - Visual.pptxDimensions of Media and Information - Visual.pptx
Dimensions of Media and Information - Visual.pptx
 
Empowerment Technologies - Imaging and Design for the Online Environment
Empowerment Technologies - Imaging and Design for the Online EnvironmentEmpowerment Technologies - Imaging and Design for the Online Environment
Empowerment Technologies - Imaging and Design for the Online Environment
 
Introduction to Graphic Design- Elements and Principles of Art
Introduction to Graphic Design- Elements and Principles of ArtIntroduction to Graphic Design- Elements and Principles of Art
Introduction to Graphic Design- Elements and Principles of Art
 
Multimedia
MultimediaMultimedia
Multimedia
 
Visual design
Visual designVisual design
Visual design
 
Multimodal Rhetorics FromWriterDesignerAGuidetoM.docx
Multimodal Rhetorics    FromWriterDesignerAGuidetoM.docxMultimodal Rhetorics    FromWriterDesignerAGuidetoM.docx
Multimodal Rhetorics FromWriterDesignerAGuidetoM.docx
 
Visual Principles
Visual PrinciplesVisual Principles
Visual Principles
 
Visual composition slideshow-Kyle.S
Visual composition slideshow-Kyle.SVisual composition slideshow-Kyle.S
Visual composition slideshow-Kyle.S
 
IVC - Lesson 14
IVC - Lesson 14IVC - Lesson 14
IVC - Lesson 14
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Key Design Principles To Improve Your User Experience (UX)
Key Design Principles To Improve Your User Experience (UX)Key Design Principles To Improve Your User Experience (UX)
Key Design Principles To Improve Your User Experience (UX)
 
Chapter 8: Visuals and Visual Media
Chapter 8: Visuals and Visual MediaChapter 8: Visuals and Visual Media
Chapter 8: Visuals and Visual Media
 
4th Lecture_ART APPRECIATION GEC 5.pptx
4th Lecture_ART APPRECIATION GEC 5.pptx4th Lecture_ART APPRECIATION GEC 5.pptx
4th Lecture_ART APPRECIATION GEC 5.pptx
 

Recently uploaded

The role of Geography in climate education: science and active citizenship
The role of Geography in climate education: science and active citizenshipThe role of Geography in climate education: science and active citizenship
The role of Geography in climate education: science and active citizenshipKarl Donert
 
CLASSIFICATION OF ANTI - CANCER DRUGS.pptx
CLASSIFICATION OF ANTI - CANCER DRUGS.pptxCLASSIFICATION OF ANTI - CANCER DRUGS.pptx
CLASSIFICATION OF ANTI - CANCER DRUGS.pptxAnupam32727
 
Comparative Literature in India by Amiya dev.pptx
Comparative Literature in India by Amiya dev.pptxComparative Literature in India by Amiya dev.pptx
Comparative Literature in India by Amiya dev.pptxAvaniJani1
 
BÀI TẬP BỔ TRỢ TIẾNG ANH 11 THEO ĐƠN VỊ BÀI HỌC - CẢ NĂM - CÓ FILE NGHE (GLOB...
BÀI TẬP BỔ TRỢ TIẾNG ANH 11 THEO ĐƠN VỊ BÀI HỌC - CẢ NĂM - CÓ FILE NGHE (GLOB...BÀI TẬP BỔ TRỢ TIẾNG ANH 11 THEO ĐƠN VỊ BÀI HỌC - CẢ NĂM - CÓ FILE NGHE (GLOB...
BÀI TẬP BỔ TRỢ TIẾNG ANH 11 THEO ĐƠN VỊ BÀI HỌC - CẢ NĂM - CÓ FILE NGHE (GLOB...Nguyen Thanh Tu Collection
 
Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptx
Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptxDecoding the Tweet _ Practical Criticism in the Age of Hashtag.pptx
Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptxDhatriParmar
 
4.11.24 Poverty and Inequality in America.pptx
4.11.24 Poverty and Inequality in America.pptx4.11.24 Poverty and Inequality in America.pptx
4.11.24 Poverty and Inequality in America.pptxmary850239
 
Scientific Writing :Research Discourse
Scientific  Writing :Research  DiscourseScientific  Writing :Research  Discourse
Scientific Writing :Research DiscourseAnita GoswamiGiri
 
DiskStorage_BasicFileStructuresandHashing.pdf
DiskStorage_BasicFileStructuresandHashing.pdfDiskStorage_BasicFileStructuresandHashing.pdf
DiskStorage_BasicFileStructuresandHashing.pdfChristalin Nelson
 
Healthy Minds, Flourishing Lives: A Philosophical Approach to Mental Health a...
Healthy Minds, Flourishing Lives: A Philosophical Approach to Mental Health a...Healthy Minds, Flourishing Lives: A Philosophical Approach to Mental Health a...
Healthy Minds, Flourishing Lives: A Philosophical Approach to Mental Health a...Osopher
 
Team Lead Succeed – Helping you and your team achieve high-performance teamwo...
Team Lead Succeed – Helping you and your team achieve high-performance teamwo...Team Lead Succeed – Helping you and your team achieve high-performance teamwo...
Team Lead Succeed – Helping you and your team achieve high-performance teamwo...Association for Project Management
 
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 - I-LEARN SMART WORLD - CẢ NĂM - CÓ FILE NGHE (BẢN...
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 - I-LEARN SMART WORLD - CẢ NĂM - CÓ FILE NGHE (BẢN...BÀI TẬP BỔ TRỢ TIẾNG ANH 8 - I-LEARN SMART WORLD - CẢ NĂM - CÓ FILE NGHE (BẢN...
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 - I-LEARN SMART WORLD - CẢ NĂM - CÓ FILE NGHE (BẢN...Nguyen Thanh Tu Collection
 
Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...
Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...
Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...DhatriParmar
 
CHUYÊN ĐỀ ÔN THEO CÂU CHO HỌC SINH LỚP 12 ĐỂ ĐẠT ĐIỂM 5+ THI TỐT NGHIỆP THPT ...
CHUYÊN ĐỀ ÔN THEO CÂU CHO HỌC SINH LỚP 12 ĐỂ ĐẠT ĐIỂM 5+ THI TỐT NGHIỆP THPT ...CHUYÊN ĐỀ ÔN THEO CÂU CHO HỌC SINH LỚP 12 ĐỂ ĐẠT ĐIỂM 5+ THI TỐT NGHIỆP THPT ...
CHUYÊN ĐỀ ÔN THEO CÂU CHO HỌC SINH LỚP 12 ĐỂ ĐẠT ĐIỂM 5+ THI TỐT NGHIỆP THPT ...Nguyen Thanh Tu Collection
 
Narcotic and Non Narcotic Analgesic..pdf
Narcotic and Non Narcotic Analgesic..pdfNarcotic and Non Narcotic Analgesic..pdf
Narcotic and Non Narcotic Analgesic..pdfPrerana Jadhav
 
Shark introduction Morphology and its behaviour characteristics
Shark introduction Morphology and its behaviour characteristicsShark introduction Morphology and its behaviour characteristics
Shark introduction Morphology and its behaviour characteristicsArubSultan
 

Recently uploaded (20)

The role of Geography in climate education: science and active citizenship
The role of Geography in climate education: science and active citizenshipThe role of Geography in climate education: science and active citizenship
The role of Geography in climate education: science and active citizenship
 
Introduction to Research ,Need for research, Need for design of Experiments, ...
Introduction to Research ,Need for research, Need for design of Experiments, ...Introduction to Research ,Need for research, Need for design of Experiments, ...
Introduction to Research ,Need for research, Need for design of Experiments, ...
 
CLASSIFICATION OF ANTI - CANCER DRUGS.pptx
CLASSIFICATION OF ANTI - CANCER DRUGS.pptxCLASSIFICATION OF ANTI - CANCER DRUGS.pptx
CLASSIFICATION OF ANTI - CANCER DRUGS.pptx
 
Comparative Literature in India by Amiya dev.pptx
Comparative Literature in India by Amiya dev.pptxComparative Literature in India by Amiya dev.pptx
Comparative Literature in India by Amiya dev.pptx
 
BÀI TẬP BỔ TRỢ TIẾNG ANH 11 THEO ĐƠN VỊ BÀI HỌC - CẢ NĂM - CÓ FILE NGHE (GLOB...
BÀI TẬP BỔ TRỢ TIẾNG ANH 11 THEO ĐƠN VỊ BÀI HỌC - CẢ NĂM - CÓ FILE NGHE (GLOB...BÀI TẬP BỔ TRỢ TIẾNG ANH 11 THEO ĐƠN VỊ BÀI HỌC - CẢ NĂM - CÓ FILE NGHE (GLOB...
BÀI TẬP BỔ TRỢ TIẾNG ANH 11 THEO ĐƠN VỊ BÀI HỌC - CẢ NĂM - CÓ FILE NGHE (GLOB...
 
CARNAVAL COM MAGIA E EUFORIA _
CARNAVAL COM MAGIA E EUFORIA            _CARNAVAL COM MAGIA E EUFORIA            _
CARNAVAL COM MAGIA E EUFORIA _
 
Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptx
Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptxDecoding the Tweet _ Practical Criticism in the Age of Hashtag.pptx
Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptx
 
4.11.24 Poverty and Inequality in America.pptx
4.11.24 Poverty and Inequality in America.pptx4.11.24 Poverty and Inequality in America.pptx
4.11.24 Poverty and Inequality in America.pptx
 
Scientific Writing :Research Discourse
Scientific  Writing :Research  DiscourseScientific  Writing :Research  Discourse
Scientific Writing :Research Discourse
 
DiskStorage_BasicFileStructuresandHashing.pdf
DiskStorage_BasicFileStructuresandHashing.pdfDiskStorage_BasicFileStructuresandHashing.pdf
DiskStorage_BasicFileStructuresandHashing.pdf
 
Healthy Minds, Flourishing Lives: A Philosophical Approach to Mental Health a...
Healthy Minds, Flourishing Lives: A Philosophical Approach to Mental Health a...Healthy Minds, Flourishing Lives: A Philosophical Approach to Mental Health a...
Healthy Minds, Flourishing Lives: A Philosophical Approach to Mental Health a...
 
Team Lead Succeed – Helping you and your team achieve high-performance teamwo...
Team Lead Succeed – Helping you and your team achieve high-performance teamwo...Team Lead Succeed – Helping you and your team achieve high-performance teamwo...
Team Lead Succeed – Helping you and your team achieve high-performance teamwo...
 
Mattingly "AI & Prompt Design" - Introduction to Machine Learning"
Mattingly "AI & Prompt Design" - Introduction to Machine Learning"Mattingly "AI & Prompt Design" - Introduction to Machine Learning"
Mattingly "AI & Prompt Design" - Introduction to Machine Learning"
 
prashanth updated resume 2024 for Teaching Profession
prashanth updated resume 2024 for Teaching Professionprashanth updated resume 2024 for Teaching Profession
prashanth updated resume 2024 for Teaching Profession
 
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 - I-LEARN SMART WORLD - CẢ NĂM - CÓ FILE NGHE (BẢN...
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 - I-LEARN SMART WORLD - CẢ NĂM - CÓ FILE NGHE (BẢN...BÀI TẬP BỔ TRỢ TIẾNG ANH 8 - I-LEARN SMART WORLD - CẢ NĂM - CÓ FILE NGHE (BẢN...
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 - I-LEARN SMART WORLD - CẢ NĂM - CÓ FILE NGHE (BẢN...
 
Faculty Profile prashantha K EEE dept Sri Sairam college of Engineering
Faculty Profile prashantha K EEE dept Sri Sairam college of EngineeringFaculty Profile prashantha K EEE dept Sri Sairam college of Engineering
Faculty Profile prashantha K EEE dept Sri Sairam college of Engineering
 
Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...
Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...
Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...
 
CHUYÊN ĐỀ ÔN THEO CÂU CHO HỌC SINH LỚP 12 ĐỂ ĐẠT ĐIỂM 5+ THI TỐT NGHIỆP THPT ...
CHUYÊN ĐỀ ÔN THEO CÂU CHO HỌC SINH LỚP 12 ĐỂ ĐẠT ĐIỂM 5+ THI TỐT NGHIỆP THPT ...CHUYÊN ĐỀ ÔN THEO CÂU CHO HỌC SINH LỚP 12 ĐỂ ĐẠT ĐIỂM 5+ THI TỐT NGHIỆP THPT ...
CHUYÊN ĐỀ ÔN THEO CÂU CHO HỌC SINH LỚP 12 ĐỂ ĐẠT ĐIỂM 5+ THI TỐT NGHIỆP THPT ...
 
Narcotic and Non Narcotic Analgesic..pdf
Narcotic and Non Narcotic Analgesic..pdfNarcotic and Non Narcotic Analgesic..pdf
Narcotic and Non Narcotic Analgesic..pdf
 
Shark introduction Morphology and its behaviour characteristics
Shark introduction Morphology and its behaviour characteristicsShark introduction Morphology and its behaviour characteristics
Shark introduction Morphology and its behaviour characteristics
 

Mil ppt week 13

  • 2.
  • 3.  Forty percent of people will respond better to visual information than plain text.  Publishers who use info graphics grow in traffic an average 12% more than those who don’t.  Eighty percent of what is seen is retained.  Conversions increase by 86 percent when videos are used in a landing page.  Twenty percent of words on a web page is read by the average user.  Landing pages with videos are 40 times more shareable.
  • 4. What does the info graph imply about the importance of visual content?
  • 5. 1.VISUAL MEDIA AND INFORMATION-materials, programs, applications and the like that teachers and students use to formulate new information to aid learning through the use, analysis, evaluation and production of visual images. 2.TYPES OF VISUAL MEDIA-photography, video, screenshots, infographics, data visualization (charts and graphs), comic strips/cartoons, memes, visual note-taking, etc.
  • 6. 3. FORMALLY AND INFORMALLY PRODUCED VISUAL MEDIA-visual media produced by formal organizations such as schools, government, and established media/publishing outfits are considered formally produced. Other visual media are considered informally produced. 4. PURPOSE OF VISUAL INFORMATION-the primary purpose of visual information is to gain attention, create meaning, and facilitate retention.
  • 7. 5. VISUAL DESIGN ELEMENTS-the building blocks or basic units in the construction of a visual image a.LINE-describes a shape or outline. It can create texture and can be thick or thin. Lines may be actual, implied, vertical, horizontal, diagonal, or contour lines. b.SHAPE-usually a geometric area that stands out from the space next to or around it, because of differences in value, color, or texture. Shape may also be organic. c.VALUE-the degree of light and dark in a design. It is the contrast between black and white and all the tones in between. Value can be used with color as well as black and white. Contrast is the extreme changes between values.
  • 8. d. TEXTURE-the way a surface feels or is perceived to feel. Texture can be added to attract or repel interest to a visual element. Visual texture is the illusion of the surfaces peaks and valleys, resulting in a feeling of smoothness and roughness in objects. e. COLOR-determined by its hue (name of color), intensity (purity of the hue), and value (lightness or darkness of hue). Color and color combination can play a large role in the design. Color may be used for emphasis, or may elicit emotions from viewers. Color maybe warm, cool, or neutral. It plays a major role in our visual perception, as it influences our reactions about the world around us. It is therefore important to create color palettes that evoke the appropriate audience reactions. Color has three properties. f. FORM-a figure having volume and thickness. An illusion of a 3-dimensional object can be implied with the use of light and shading. Form can be viewed from many angles.
  • 9.
  • 10. 6. VISUAL DESIGN PRINCIPLES: a. CONSISTENCY OF MARGINS, TYPEFACE, AND COLORS is necessary, especially in slide presentations or documents that are more than one page. b. CENTER OF INTEREST-an area that first attracts the attention in a composition. This area is important compared to the other objects or elements in a composition. This can be by contrast of values, more colors, and placement in the format.
  • 11. c. BALANCE-a feeling of visual equality in shape, form, value, color, etc. Balance can be symmetrical or evenly balanced, or asymmetrically and unevenly balanced. Objects, values, colors, textures, shapes, forms, etc can be used in creating balance in a composition. d. HARMONY-brings together a composition with similar units. If for example your composition was using wavy lines and organic shapes, you would stay with those types of lines and not put in just one geometric shape.
  • 12. e. CONTRAST-offer some change in value creating a visual discord in a composition. Contrast shows the difference between shapes and can e used as background to bring objects out and forward in a design. It can also be used to create an area of emphasis. f. DIRECTIONAL MOVEMENT-a visual flow through the composition. It can be suggestion of motion in a design as you move in a design as you move from object to object by way of placement and position. Directional movement can be created with value pattern. It is with the placement of dark and light areas that you can move your attention through the format.
  • 13. g. RHYTHM-a movement in which some elements recur regularly. Like a dance, it will have a flow of objects that will seem to be like the beat of music. h. PERSPECTIVE-created through the arrangement of objects in two-dimensional space to look like they appear in real life. Perspective is a learned meaning of the relationship between different objects seen in space.
  • 14.
  • 15. WRITTEN WORK 1: Paste your visual image cutouts taken from magazine on your notebook. Fill up and answer the questions given below. Also, create a 1-page critique of the visuals. 1. Who is the intended audience? 2. Who is the producer? 3. What is the purpose? 4. What is the topic or message? What are the facts? 5. How was the information presented? Did it make use of appropriate design elements and principles? 6. Is this this the best platform to use? Why?
  • 16. GROUP ACTIVITY: CREATE AN INFOGRAPHICS ABOUT SOCIALAND ETHICAL ISSUE ON MEDIAAND INFORMATION LITERACY (GROUPS OF 5) PRINT IT OUT. Ask 10 teachers to rate your work, 10 as the highest. The sum minus 2 will be your score.
  • 17. RUBRICS: CONTENT-2 PRESENTATION OF INFORMATION-2 USE OF VISUAL DESIGN ELEMENTS-2 USE OF VISUAL DESIGN PRINCIPLES-2 MECHANICS-2 TOTAL: 10