SlideShare a Scribd company logo
By: Mark Jhon
C. Oxillo
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
VISUAL MEDIA AND INFORMATION
TYPES OF
VISUAL
MEDIA
 Photography
 Video
 Screenshots
 Infographics
TYPES OF VISUAL MEDIA
 Data Visualization
(Charts and Graphs)
 Comic Strips / Cartoons
 Memes
TYPES OF VISUAL MEDIA
PURPOSE
OF VISUAL
INFORMATION
 Gain Attention
 Create Meaning
 Facilitate Retention
PURPOSE OF VISUAL INFORMATION
VISUAL
DESIGN
ELEMENTS
1. 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
VISUAL DESIGN ELEMENTS
2. Shape - usually a
geometric area that stands
out from the space next to
or around it, or because of
differences in value, color,
or texture
VISUAL DESIGN ELEMENTS
3. Value - the degree of
light and dark in a design.
It is the contrast between
black and white and all
the tones in between.
VISUAL DESIGN ELEMENTS
4. 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 DESIGN ELEMENTS
5. Color - determined by
its hue (name of color),
intensity (purity of the
hue), and value (lightness
or darkness of hue)
VISUAL DESIGN ELEMENTS
6. Form - a figure having
volume and thickness
VISUAL DESIGN ELEMENTS
VISUAL
DESIGN
PRINCIPLES
1. Consistency of
margins, typeface,
typestyle, and colors is
necessary
VISUAL DESIGN PRINCIPLES
2. Center of interest - an
area that first attracts
attention in a composition.
This area is more important
when compared to the
other objects or elements in
a composition.
VISUAL DESIGN PRINCIPLES
3. Balance - a feeling of
visual equality in shape,
form, value, color. Balance
can be symmetrical and
evenly balanced, or
asymmetrical and unevenly
balanced.
VISUAL DESIGN PRINCIPLES
4. Harmony - brings
together a composition
with similar units.
VISUAL DESIGN PRINCIPLES
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
VISUAL DESIGN PRINCIPLES
5. Contrast - offers some change
in value creating a visual discord
in a composition. Contrast
shows the difference between
shapes and can be used as a
background to bring objects out
and forward in a design
VISUAL DESIGN PRINCIPLES
6. Directional Movement - a
visual flow through the
composition. It can be the
suggestion of motion in a design
as you move from object to
object by way of placement and
position
VISUAL DESIGN PRINCIPLES
7. 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
VISUAL DESIGN PRINCIPLES
8. Perspective - created
through the arrangement
of objects in two
dimensional space to look
like they appear in real life
VISUAL DESIGN PRINCIPLES
E
N
D

More Related Content

PPTX
Media and Information Literacy (MIL)- Visual Information and Media (Part 2)
PPTX
Visual information and Media
PPTX
Motion Media and Information - Media and Information Literacy (MIL)
PPTX
Visual Information and Media
PPTX
Media and Information Literacy (MIL)- Visual Information and Media (Part 1)
PPTX
text media information
PPTX
Text Information and Media
PPTX
Audio Information and Media - Media and Information Literacy (MIL)
Media and Information Literacy (MIL)- Visual Information and Media (Part 2)
Visual information and Media
Motion Media and Information - Media and Information Literacy (MIL)
Visual Information and Media
Media and Information Literacy (MIL)- Visual Information and Media (Part 1)
text media information
Text Information and Media
Audio Information and Media - Media and Information Literacy (MIL)

What's hot (20)

PPTX
Media and Information Literacy (MIL) - 5. Media and Information Sources
PPTX
Empowerment Technologies - Principles and Basic Techniques of Image Manipulation
PPTX
People Media
PPTX
Module 16 Manipulative Information and Media
PPTX
Media and Information Literacy (MIL)- Visual Information and Media (Part 3)
PPTX
Audio Information and Media
PPTX
Responsible Use of Media and Information.pptx
PPTX
Media and Information Literacy (MIL) - 1. Introduction to Media and Informati...
PPTX
Media and Information Literacy (MIL) - 6. Media and Information Languages (Pa...
PPTX
Audio Information and Media.pptx
PPTX
Chapter 1 Introduction to Media and Information Literacy
PPTX
lesson 3-MIL.pptx
PPTX
Media and Information Literacy (MIL) - 10. Media and Information Literate Ind...
PPTX
Media and Information Literacy (MIL) - 11. People Media
DOCX
Media and Information Literacy (MIL) Performance Task - Video Project (Cooper...
PPTX
Media and Information Literacy (MIL) - Text Information and Media (Part 1)
PPTX
ICT as a Platform for Change
PPTX
MEDIA AND INFORMATION LANGUAGES.pptx
PPTX
Media and Information Literacy (MIL) - 9. Current and Future Trends in Media ...
PPTX
Online safety, security, ethics & etiquette
Media and Information Literacy (MIL) - 5. Media and Information Sources
Empowerment Technologies - Principles and Basic Techniques of Image Manipulation
People Media
Module 16 Manipulative Information and Media
Media and Information Literacy (MIL)- Visual Information and Media (Part 3)
Audio Information and Media
Responsible Use of Media and Information.pptx
Media and Information Literacy (MIL) - 1. Introduction to Media and Informati...
Media and Information Literacy (MIL) - 6. Media and Information Languages (Pa...
Audio Information and Media.pptx
Chapter 1 Introduction to Media and Information Literacy
lesson 3-MIL.pptx
Media and Information Literacy (MIL) - 10. Media and Information Literate Ind...
Media and Information Literacy (MIL) - 11. People Media
Media and Information Literacy (MIL) Performance Task - Video Project (Cooper...
Media and Information Literacy (MIL) - Text Information and Media (Part 1)
ICT as a Platform for Change
MEDIA AND INFORMATION LANGUAGES.pptx
Media and Information Literacy (MIL) - 9. Current and Future Trends in Media ...
Online safety, security, ethics & etiquette
Ad

Similar to Visual Media and Information - Media and Information Literacy (MIL) (20)

PDF
Hsiajvndjsj
PPTX
392914895-Visual-Information-and-Media.pptx
PPTX
Visual Media
PDF
M.I.L GROUP 10.pWJWKSKSJDNDNDNDNDNDNSNSNSNS
PPTX
module 11.pptx media and information literacy
PPTX
Mil ppt week 13
PPTX
Visual Information and Media_20241014_024722_0000.pptx
PPTX
Dimensions of Media and Information - Visual.pptx
PDF
Visual Information and Media (UMAK Lecture)
PDF
_MEDIA AND INFORMATION LITERACY LESSON 10 .pdf
PPTX
mil reporting.pptx
PDF
MEDIA AND INFORMATION LITERACY (MIL)
PPTX
MIL 011123 PKISULAT.pptx
PPTX
Visual Media (Part 2)
PDF
4-Elements-Principles-of-Visual-Design (1).pdf
PPTX
Visual design
PPTX
text Information.pptxdwdwdweewewdsdsdawd
PPTX
Visual-Persuasion_the process of influencing people’s thoughts and stimulate ...
PPT
EdTech101 THW - Visual Media
PPTX
Chapter 8: Visuals and Visual Media
Hsiajvndjsj
392914895-Visual-Information-and-Media.pptx
Visual Media
M.I.L GROUP 10.pWJWKSKSJDNDNDNDNDNDNSNSNSNS
module 11.pptx media and information literacy
Mil ppt week 13
Visual Information and Media_20241014_024722_0000.pptx
Dimensions of Media and Information - Visual.pptx
Visual Information and Media (UMAK Lecture)
_MEDIA AND INFORMATION LITERACY LESSON 10 .pdf
mil reporting.pptx
MEDIA AND INFORMATION LITERACY (MIL)
MIL 011123 PKISULAT.pptx
Visual Media (Part 2)
4-Elements-Principles-of-Visual-Design (1).pdf
Visual design
text Information.pptxdwdwdweewewdsdsdawd
Visual-Persuasion_the process of influencing people’s thoughts and stimulate ...
EdTech101 THW - Visual Media
Chapter 8: Visuals and Visual Media
Ad

More from Mark Jhon Oxillo (20)

PPTX
Social Networking
PPTX
Software Development
PPTX
Privacy and Freedom of Expression
DOCX
FIELD STUDY (FS) 6 - EPISODE 3 (2018)
DOCX
FIELD STUDY (FS) 6 - EPISODE 1 (2018)
DOCX
Field Study 2 (FS 2) - Episode 3 [2018]
PPTX
Ethics for IT Workers and IT Users
PPTX
An Overview of Ethics for IT Professionals
PPTX
Introduction to the Study of Government and Constitution
PPTX
Readings in Philippine History - Introduction to Philippine History
PDF
The Significant Relationship of Physics - Mechanics & Heat and Discrete Math...
PDF
The Saber Tooth Curriculum
PDF
Field Study 2 (FS 2) - Episode 2 [2018]
PDF
Civil Service (CS) Examination Reviewer
PPTX
Reflecting on the ICT Learning Process
PPTX
Sustaining an ICT Project for Social Change
PPTX
ICT Project Publication and Statistics
PPTX
ICT Project for Social Change - Empowerment Technologies
PPTX
ICT as Platform for Change - Empowerment Technologies
PPTX
Interactive Multimedia - Empowerment Technologies
Social Networking
Software Development
Privacy and Freedom of Expression
FIELD STUDY (FS) 6 - EPISODE 3 (2018)
FIELD STUDY (FS) 6 - EPISODE 1 (2018)
Field Study 2 (FS 2) - Episode 3 [2018]
Ethics for IT Workers and IT Users
An Overview of Ethics for IT Professionals
Introduction to the Study of Government and Constitution
Readings in Philippine History - Introduction to Philippine History
The Significant Relationship of Physics - Mechanics & Heat and Discrete Math...
The Saber Tooth Curriculum
Field Study 2 (FS 2) - Episode 2 [2018]
Civil Service (CS) Examination Reviewer
Reflecting on the ICT Learning Process
Sustaining an ICT Project for Social Change
ICT Project Publication and Statistics
ICT Project for Social Change - Empowerment Technologies
ICT as Platform for Change - Empowerment Technologies
Interactive Multimedia - Empowerment Technologies

Recently uploaded (20)

PPTX
Renaissance Architecture: A Journey from Faith to Humanism
PDF
FourierSeries-QuestionsWithAnswers(Part-A).pdf
PPTX
Introduction to Child Health Nursing – Unit I | Child Health Nursing I | B.Sc...
PDF
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
PDF
01-Introduction-to-Information-Management.pdf
PPTX
school management -TNTEU- B.Ed., Semester II Unit 1.pptx
PDF
Supply Chain Operations Speaking Notes -ICLT Program
PDF
TR - Agricultural Crops Production NC III.pdf
PPTX
Final Presentation General Medicine 03-08-2024.pptx
PPTX
PPH.pptx obstetrics and gynecology in nursing
PDF
BÀI TẬP BỔ TRỢ 4 KỸ NĂNG TIẾNG ANH 9 GLOBAL SUCCESS - CẢ NĂM - BÁM SÁT FORM Đ...
PDF
Classroom Observation Tools for Teachers
PDF
O5-L3 Freight Transport Ops (International) V1.pdf
PDF
RMMM.pdf make it easy to upload and study
PDF
Module 4: Burden of Disease Tutorial Slides S2 2025
PPTX
BOWEL ELIMINATION FACTORS AFFECTING AND TYPES
PDF
Insiders guide to clinical Medicine.pdf
PDF
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
PPTX
Pharmacology of Heart Failure /Pharmacotherapy of CHF
PPTX
human mycosis Human fungal infections are called human mycosis..pptx
Renaissance Architecture: A Journey from Faith to Humanism
FourierSeries-QuestionsWithAnswers(Part-A).pdf
Introduction to Child Health Nursing – Unit I | Child Health Nursing I | B.Sc...
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
01-Introduction-to-Information-Management.pdf
school management -TNTEU- B.Ed., Semester II Unit 1.pptx
Supply Chain Operations Speaking Notes -ICLT Program
TR - Agricultural Crops Production NC III.pdf
Final Presentation General Medicine 03-08-2024.pptx
PPH.pptx obstetrics and gynecology in nursing
BÀI TẬP BỔ TRỢ 4 KỸ NĂNG TIẾNG ANH 9 GLOBAL SUCCESS - CẢ NĂM - BÁM SÁT FORM Đ...
Classroom Observation Tools for Teachers
O5-L3 Freight Transport Ops (International) V1.pdf
RMMM.pdf make it easy to upload and study
Module 4: Burden of Disease Tutorial Slides S2 2025
BOWEL ELIMINATION FACTORS AFFECTING AND TYPES
Insiders guide to clinical Medicine.pdf
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
Pharmacology of Heart Failure /Pharmacotherapy of CHF
human mycosis Human fungal infections are called human mycosis..pptx

Visual Media and Information - Media and Information Literacy (MIL)

  • 1. By: Mark Jhon C. Oxillo VISUAL MEDIA AND INFORMATION
  • 2.  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 VISUAL MEDIA AND INFORMATION
  • 4.  Photography  Video  Screenshots  Infographics TYPES OF VISUAL MEDIA
  • 5.  Data Visualization (Charts and Graphs)  Comic Strips / Cartoons  Memes TYPES OF VISUAL MEDIA
  • 7.  Gain Attention  Create Meaning  Facilitate Retention PURPOSE OF VISUAL INFORMATION
  • 9. 1. 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 VISUAL DESIGN ELEMENTS
  • 10. 2. Shape - usually a geometric area that stands out from the space next to or around it, or because of differences in value, color, or texture VISUAL DESIGN ELEMENTS
  • 11. 3. Value - the degree of light and dark in a design. It is the contrast between black and white and all the tones in between. VISUAL DESIGN ELEMENTS
  • 12. 4. 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 DESIGN ELEMENTS
  • 13. 5. Color - determined by its hue (name of color), intensity (purity of the hue), and value (lightness or darkness of hue) VISUAL DESIGN ELEMENTS
  • 14. 6. Form - a figure having volume and thickness VISUAL DESIGN ELEMENTS
  • 16. 1. Consistency of margins, typeface, typestyle, and colors is necessary VISUAL DESIGN PRINCIPLES
  • 17. 2. Center of interest - an area that first attracts attention in a composition. This area is more important when compared to the other objects or elements in a composition. VISUAL DESIGN PRINCIPLES
  • 18. 3. Balance - a feeling of visual equality in shape, form, value, color. Balance can be symmetrical and evenly balanced, or asymmetrical and unevenly balanced. VISUAL DESIGN PRINCIPLES
  • 19. 4. Harmony - brings together a composition with similar units. VISUAL DESIGN PRINCIPLES
  • 20. 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 VISUAL DESIGN PRINCIPLES
  • 21. 5. Contrast - offers some change in value creating a visual discord in a composition. Contrast shows the difference between shapes and can be used as a background to bring objects out and forward in a design VISUAL DESIGN PRINCIPLES
  • 22. 6. Directional Movement - a visual flow through the composition. It can be the suggestion of motion in a design as you move from object to object by way of placement and position VISUAL DESIGN PRINCIPLES
  • 23. 7. 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 VISUAL DESIGN PRINCIPLES
  • 24. 8. Perspective - created through the arrangement of objects in two dimensional space to look like they appear in real life VISUAL DESIGN PRINCIPLES
  • 25. E N D