SlideShare a Scribd company logo
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 LANGUAGES.pptx
MEDIA AND INFORMATION LANGUAGES.pptxMEDIA AND INFORMATION LANGUAGES.pptx
MEDIA AND INFORMATION LANGUAGES.pptx
jarelle2
 
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
 
Media and Information Languages
Media and Information LanguagesMedia and Information Languages
Media and Information Languages
Betty Estrada
 
Visual Information and Media
Visual Information and MediaVisual Information and Media
Visual Information and Media
EILLEN IVY PORTUGUEZ
 
Audio Information and Media
Audio Information and MediaAudio Information and Media
Audio Information and Media
Julius Memar Ngoho
 
16 manipulative information and media.pptx
16 manipulative information and media.pptx16 manipulative information and media.pptx
16 manipulative information and media.pptx
MagdaLo1
 
Audio Media and information
Audio Media and informationAudio Media and information
Audio Media and information
John Vincent Vargas
 
Media and Information Literacy (MIL) - Text Information and Media (Part 1)
Media and Information Literacy (MIL) - Text Information and Media (Part 1)Media and Information Literacy (MIL) - Text Information and Media (Part 1)
Media and Information Literacy (MIL) - Text Information and Media (Part 1)
Arniel Ping
 
Responsible Use of Media and Information.pptx
Responsible Use of Media and Information.pptxResponsible Use of Media and Information.pptx
Responsible Use of Media and Information.pptx
ErvinJhonPatrickBina1
 
MIL - Similarities and Differences.pptx
MIL - Similarities and Differences.pptxMIL - Similarities and Differences.pptx
MIL - Similarities and Differences.pptx
GarwinRaramaOcampo
 
Motion Media and Information - Media and Information Literacy (MIL)
Motion Media and Information - Media and Information Literacy (MIL)Motion Media and Information - Media and Information Literacy (MIL)
Motion Media and Information - Media and Information Literacy (MIL)
Mark Jhon Oxillo
 
Basic Principles of Graphics and Layout
Basic Principles of Graphics and LayoutBasic Principles of Graphics and Layout
Basic Principles of Graphics and Layout
joypamor
 
Media and Information Sources
Media and Information Sources Media and Information Sources
Media and Information Sources
Julius Memar Ngoho
 
Planning-and-Conceptualizing-an-ICT-for-Social-Change (1).pdf
Planning-and-Conceptualizing-an-ICT-for-Social-Change (1).pdfPlanning-and-Conceptualizing-an-ICT-for-Social-Change (1).pdf
Planning-and-Conceptualizing-an-ICT-for-Social-Change (1).pdf
Eidene Joy Manuel
 
MEDIA AND INFORMATION LITERACY (MIL)
MEDIA AND INFORMATION LITERACY (MIL)MEDIA AND INFORMATION LITERACY (MIL)
MEDIA AND INFORMATION LITERACY (MIL)
Marvin Bronoso
 
Media and Information Literacy (MIL) - 3. Information Literacy - Information ...
Media and Information Literacy (MIL) - 3. Information Literacy - Information ...Media and Information Literacy (MIL) - 3. Information Literacy - Information ...
Media and Information Literacy (MIL) - 3. Information Literacy - Information ...
Arniel Ping
 
Visual Information and Media.pdf
Visual Information and Media.pdfVisual Information and Media.pdf
Visual Information and Media.pdf
JoshuaMadera2
 
dlp-week-1-communication-and-media-literacy - Copy.docx
dlp-week-1-communication-and-media-literacy - Copy.docxdlp-week-1-communication-and-media-literacy - Copy.docx
dlp-week-1-communication-and-media-literacy - Copy.docx
MagsSeeJe
 
Media and Information Literacy (MIL) - Intellectual Property, Fair Use, and C...
Media and Information Literacy (MIL) - Intellectual Property, Fair Use, and C...Media and Information Literacy (MIL) - Intellectual Property, Fair Use, and C...
Media and Information Literacy (MIL) - Intellectual Property, Fair Use, and C...
Arniel Ping
 
Multimedia information and Media
Multimedia information and MediaMultimedia information and Media
Multimedia information and Media
Jalen Rebolledo
 

What's hot (20)

MEDIA AND INFORMATION LANGUAGES.pptx
MEDIA AND INFORMATION LANGUAGES.pptxMEDIA AND INFORMATION LANGUAGES.pptx
MEDIA AND INFORMATION LANGUAGES.pptx
 
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)
 
Media and Information Languages
Media and Information LanguagesMedia and Information Languages
Media and Information Languages
 
Visual Information and Media
Visual Information and MediaVisual Information and Media
Visual Information and Media
 
Audio Information and Media
Audio Information and MediaAudio Information and Media
Audio Information and Media
 
16 manipulative information and media.pptx
16 manipulative information and media.pptx16 manipulative information and media.pptx
16 manipulative information and media.pptx
 
Audio Media and information
Audio Media and informationAudio Media and information
Audio Media and information
 
Media and Information Literacy (MIL) - Text Information and Media (Part 1)
Media and Information Literacy (MIL) - Text Information and Media (Part 1)Media and Information Literacy (MIL) - Text Information and Media (Part 1)
Media and Information Literacy (MIL) - Text Information and Media (Part 1)
 
Responsible Use of Media and Information.pptx
Responsible Use of Media and Information.pptxResponsible Use of Media and Information.pptx
Responsible Use of Media and Information.pptx
 
MIL - Similarities and Differences.pptx
MIL - Similarities and Differences.pptxMIL - Similarities and Differences.pptx
MIL - Similarities and Differences.pptx
 
Motion Media and Information - Media and Information Literacy (MIL)
Motion Media and Information - Media and Information Literacy (MIL)Motion Media and Information - Media and Information Literacy (MIL)
Motion Media and Information - Media and Information Literacy (MIL)
 
Basic Principles of Graphics and Layout
Basic Principles of Graphics and LayoutBasic Principles of Graphics and Layout
Basic Principles of Graphics and Layout
 
Media and Information Sources
Media and Information Sources Media and Information Sources
Media and Information Sources
 
Planning-and-Conceptualizing-an-ICT-for-Social-Change (1).pdf
Planning-and-Conceptualizing-an-ICT-for-Social-Change (1).pdfPlanning-and-Conceptualizing-an-ICT-for-Social-Change (1).pdf
Planning-and-Conceptualizing-an-ICT-for-Social-Change (1).pdf
 
MEDIA AND INFORMATION LITERACY (MIL)
MEDIA AND INFORMATION LITERACY (MIL)MEDIA AND INFORMATION LITERACY (MIL)
MEDIA AND INFORMATION LITERACY (MIL)
 
Media and Information Literacy (MIL) - 3. Information Literacy - Information ...
Media and Information Literacy (MIL) - 3. Information Literacy - Information ...Media and Information Literacy (MIL) - 3. Information Literacy - Information ...
Media and Information Literacy (MIL) - 3. Information Literacy - Information ...
 
Visual Information and Media.pdf
Visual Information and Media.pdfVisual Information and Media.pdf
Visual Information and Media.pdf
 
dlp-week-1-communication-and-media-literacy - Copy.docx
dlp-week-1-communication-and-media-literacy - Copy.docxdlp-week-1-communication-and-media-literacy - Copy.docx
dlp-week-1-communication-and-media-literacy - Copy.docx
 
Media and Information Literacy (MIL) - Intellectual Property, Fair Use, and C...
Media and Information Literacy (MIL) - Intellectual Property, Fair Use, and C...Media and Information Literacy (MIL) - Intellectual Property, Fair Use, and C...
Media and Information Literacy (MIL) - Intellectual Property, Fair Use, and C...
 
Multimedia information and Media
Multimedia information and MediaMultimedia information and Media
Multimedia information and Media
 

Similar to Mil ppt week 13

MIL 011123 PKISULAT.pptx
MIL 011123 PKISULAT.pptxMIL 011123 PKISULAT.pptx
MIL 011123 PKISULAT.pptx
ALCondezEdquibanEbue
 
Design 101 > Lesson 01
Design 101 > Lesson 01Design 101 > Lesson 01
Design 101 > Lesson 01
Sean 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.pptx
CRISTYMAEDETALO
 
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
Lany 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 Art
moonlitaqua
 
Multimedia
MultimediaMultimedia
Multimedia
Ann Brady
 
Multimodal Rhetorics FromWriterDesignerAGuidetoM.docx
Multimodal Rhetorics    FromWriterDesignerAGuidetoM.docxMultimodal Rhetorics    FromWriterDesignerAGuidetoM.docx
Multimodal Rhetorics FromWriterDesignerAGuidetoM.docx
roushhsiu
 
Visual Principles
Visual PrinciplesVisual Principles
Visual Principles
Izaham
 
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
 
Chapter 8: Visuals and Visual Media
Chapter 8: Visuals and Visual MediaChapter 8: Visuals and Visual Media
Chapter 8: Visuals and Visual Media
Jhon Denver Pedregosa
 
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
HarvTaggueg
 

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

Model Attribute Check Company Auto Property
Model Attribute  Check Company Auto PropertyModel Attribute  Check Company Auto Property
Model Attribute Check Company Auto Property
Celine George
 
Synthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptxSynthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptx
Pavel ( NSTU)
 
How libraries can support authors with open access requirements for UKRI fund...
How libraries can support authors with open access requirements for UKRI fund...How libraries can support authors with open access requirements for UKRI fund...
How libraries can support authors with open access requirements for UKRI fund...
Jisc
 
Language Across the Curriculm LAC B.Ed.
Language Across the  Curriculm LAC B.Ed.Language Across the  Curriculm LAC B.Ed.
Language Across the Curriculm LAC B.Ed.
Atul Kumar Singh
 
The Art Pastor's Guide to Sabbath | Steve Thomason
The Art Pastor's Guide to Sabbath | Steve ThomasonThe Art Pastor's Guide to Sabbath | Steve Thomason
The Art Pastor's Guide to Sabbath | Steve Thomason
Steve Thomason
 
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
MysoreMuleSoftMeetup
 
Welcome to TechSoup New Member Orientation and Q&A (May 2024).pdf
Welcome to TechSoup   New Member Orientation and Q&A (May 2024).pdfWelcome to TechSoup   New Member Orientation and Q&A (May 2024).pdf
Welcome to TechSoup New Member Orientation and Q&A (May 2024).pdf
TechSoup
 
Introduction to Quality Improvement Essentials
Introduction to Quality Improvement EssentialsIntroduction to Quality Improvement Essentials
Introduction to Quality Improvement Essentials
Excellence Foundation for South Sudan
 
The French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free downloadThe French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free download
Vivekanand Anglo Vedic Academy
 
Unit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdfUnit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdf
Thiyagu K
 
ESC Beyond Borders _From EU to You_ InfoPack general.pdf
ESC Beyond Borders _From EU to You_ InfoPack general.pdfESC Beyond Borders _From EU to You_ InfoPack general.pdf
ESC Beyond Borders _From EU to You_ InfoPack general.pdf
Fundacja Rozwoju Społeczeństwa Przedsiębiorczego
 
Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345
beazzy04
 
The Roman Empire A Historical Colossus.pdf
The Roman Empire A Historical Colossus.pdfThe Roman Empire A Historical Colossus.pdf
The Roman Empire A Historical Colossus.pdf
kaushalkr1407
 
The approach at University of Liverpool.pptx
The approach at University of Liverpool.pptxThe approach at University of Liverpool.pptx
The approach at University of Liverpool.pptx
Jisc
 
PART A. Introduction to Costumer Service
PART A. Introduction to Costumer ServicePART A. Introduction to Costumer Service
PART A. Introduction to Costumer Service
PedroFerreira53928
 
Unit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdfUnit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdf
Thiyagu K
 
Instructions for Submissions thorugh G- Classroom.pptx
Instructions for Submissions thorugh G- Classroom.pptxInstructions for Submissions thorugh G- Classroom.pptx
Instructions for Submissions thorugh G- Classroom.pptx
Jheel Barad
 
Home assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdfHome assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdf
Tamralipta Mahavidyalaya
 
How to Split Bills in the Odoo 17 POS Module
How to Split Bills in the Odoo 17 POS ModuleHow to Split Bills in the Odoo 17 POS Module
How to Split Bills in the Odoo 17 POS Module
Celine George
 
Additional Benefits for Employee Website.pdf
Additional Benefits for Employee Website.pdfAdditional Benefits for Employee Website.pdf
Additional Benefits for Employee Website.pdf
joachimlavalley1
 

Recently uploaded (20)

Model Attribute Check Company Auto Property
Model Attribute  Check Company Auto PropertyModel Attribute  Check Company Auto Property
Model Attribute Check Company Auto Property
 
Synthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptxSynthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptx
 
How libraries can support authors with open access requirements for UKRI fund...
How libraries can support authors with open access requirements for UKRI fund...How libraries can support authors with open access requirements for UKRI fund...
How libraries can support authors with open access requirements for UKRI fund...
 
Language Across the Curriculm LAC B.Ed.
Language Across the  Curriculm LAC B.Ed.Language Across the  Curriculm LAC B.Ed.
Language Across the Curriculm LAC B.Ed.
 
The Art Pastor's Guide to Sabbath | Steve Thomason
The Art Pastor's Guide to Sabbath | Steve ThomasonThe Art Pastor's Guide to Sabbath | Steve Thomason
The Art Pastor's Guide to Sabbath | Steve Thomason
 
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
 
Welcome to TechSoup New Member Orientation and Q&A (May 2024).pdf
Welcome to TechSoup   New Member Orientation and Q&A (May 2024).pdfWelcome to TechSoup   New Member Orientation and Q&A (May 2024).pdf
Welcome to TechSoup New Member Orientation and Q&A (May 2024).pdf
 
Introduction to Quality Improvement Essentials
Introduction to Quality Improvement EssentialsIntroduction to Quality Improvement Essentials
Introduction to Quality Improvement Essentials
 
The French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free downloadThe French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free download
 
Unit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdfUnit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdf
 
ESC Beyond Borders _From EU to You_ InfoPack general.pdf
ESC Beyond Borders _From EU to You_ InfoPack general.pdfESC Beyond Borders _From EU to You_ InfoPack general.pdf
ESC Beyond Borders _From EU to You_ InfoPack general.pdf
 
Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345
 
The Roman Empire A Historical Colossus.pdf
The Roman Empire A Historical Colossus.pdfThe Roman Empire A Historical Colossus.pdf
The Roman Empire A Historical Colossus.pdf
 
The approach at University of Liverpool.pptx
The approach at University of Liverpool.pptxThe approach at University of Liverpool.pptx
The approach at University of Liverpool.pptx
 
PART A. Introduction to Costumer Service
PART A. Introduction to Costumer ServicePART A. Introduction to Costumer Service
PART A. Introduction to Costumer Service
 
Unit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdfUnit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdf
 
Instructions for Submissions thorugh G- Classroom.pptx
Instructions for Submissions thorugh G- Classroom.pptxInstructions for Submissions thorugh G- Classroom.pptx
Instructions for Submissions thorugh G- Classroom.pptx
 
Home assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdfHome assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdf
 
How to Split Bills in the Odoo 17 POS Module
How to Split Bills in the Odoo 17 POS ModuleHow to Split Bills in the Odoo 17 POS Module
How to Split Bills in the Odoo 17 POS Module
 
Additional Benefits for Employee Website.pdf
Additional Benefits for Employee Website.pdfAdditional Benefits for Employee Website.pdf
Additional Benefits for Employee Website.pdf
 

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