SlideShare una empresa de Scribd logo
1 de 25
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

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

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)
 
Media and Information Languages - Media and Information Literacy (MIL)
Media and Information Languages - Media and Information Literacy (MIL)Media and Information Languages - Media and Information Literacy (MIL)
Media and Information Languages - Media and Information Literacy (MIL)
 
Media and Information Literacy (MIL) - 11. People Media
Media and Information Literacy (MIL) - 11. People MediaMedia and Information Literacy (MIL) - 11. People Media
Media and Information Literacy (MIL) - 11. People Media
 
Audio Information and Media
Audio Information and MediaAudio Information and Media
Audio Information and Media
 
Audio Media and information
Audio Media and informationAudio Media and information
Audio Media and information
 
Multimedia Information and Media - Media and Information Literacy (MIL)
Multimedia Information and Media - Media and Information Literacy (MIL)Multimedia Information and Media - Media and Information Literacy (MIL)
Multimedia Information and Media - Media and Information Literacy (MIL)
 
Media and Information Literacy (MIL) - 9. Current and Future Trends in Media ...
Media and Information Literacy (MIL) - 9. Current and Future Trends in Media ...Media and Information Literacy (MIL) - 9. Current and Future Trends in Media ...
Media and Information Literacy (MIL) - 9. Current and Future Trends in Media ...
 
Opportunities, Challenges and Power of Media Information
Opportunities, Challenges and Power of Media InformationOpportunities, Challenges and Power of Media Information
Opportunities, Challenges and Power of Media Information
 
Chapter 1 Introduction to Media and Information Literacy
Chapter 1 Introduction to Media and Information LiteracyChapter 1 Introduction to Media and Information Literacy
Chapter 1 Introduction to Media and Information Literacy
 
Media and Information Literacy (MIL) - 6. Media and Information Languages (Pa...
Media and Information Literacy (MIL) - 6. Media and Information Languages (Pa...Media and Information Literacy (MIL) - 6. Media and Information Languages (Pa...
Media and Information Literacy (MIL) - 6. Media and Information Languages (Pa...
 
text media information
text media informationtext media information
text media information
 
Media and Information Literate Individual.pptx
Media and Information Literate Individual.pptxMedia and Information Literate Individual.pptx
Media and Information Literate Individual.pptx
 
The Evolution of Traditional to New Media - Media and Information Literacy (MIL)
The Evolution of Traditional to New Media - Media and Information Literacy (MIL)The Evolution of Traditional to New Media - Media and Information Literacy (MIL)
The Evolution of Traditional to New Media - Media and Information Literacy (MIL)
 
Media and information literacy 2 | Evolution of Media
Media and information literacy 2 | Evolution of MediaMedia and information literacy 2 | Evolution of Media
Media and information literacy 2 | Evolution of Media
 
Media and Information Literacy (MIL) - 5. Media and Information Sources
Media and Information Literacy (MIL) - 5. Media and Information SourcesMedia and Information Literacy (MIL) - 5. Media and Information Sources
Media and Information Literacy (MIL) - 5. Media and Information Sources
 
Media and Information Literacy (MIL) - Text Information and Media (Part 2)
Media and Information Literacy (MIL) - Text Information and Media (Part 2)Media and Information Literacy (MIL) - Text Information and Media (Part 2)
Media and Information Literacy (MIL) - Text Information and Media (Part 2)
 
Media and Information Languages
Media and Information LanguagesMedia and Information Languages
Media and Information Languages
 
People media by shiela aquino
People media by shiela aquinoPeople media by shiela aquino
People media by shiela aquino
 
Media and information literate individual
Media and information literate individualMedia and information literate individual
Media and information literate individual
 
Types of Media - Media and Information Literacy (MIL)
Types of Media - Media and Information Literacy (MIL)Types of Media - Media and Information Literacy (MIL)
Types of Media - Media and Information Literacy (MIL)
 

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

ET_lESSON_6.pptx
ET_lESSON_6.pptxET_lESSON_6.pptx
ET_lESSON_6.pptx
Rhoan4
 
Significance of Basic Design Elements in Spatial and Cultural Environment of ...
Significance of Basic Design Elements in Spatial and Cultural Environment of ...Significance of Basic Design Elements in Spatial and Cultural Environment of ...
Significance of Basic Design Elements in Spatial and Cultural Environment of ...
ijtsrd
 

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

Mil ppt week 13
Mil ppt week 13Mil ppt week 13
Mil ppt week 13
 
MIL 011123 PKISULAT.pptx
MIL 011123 PKISULAT.pptxMIL 011123 PKISULAT.pptx
MIL 011123 PKISULAT.pptx
 
Visual-Persuasion_the process of influencing people’s thoughts and stimulate ...
Visual-Persuasion_the process of influencing people’s thoughts and stimulate ...Visual-Persuasion_the process of influencing people’s thoughts and stimulate ...
Visual-Persuasion_the process of influencing people’s thoughts and stimulate ...
 
ET_lESSON_6.pptx
ET_lESSON_6.pptxET_lESSON_6.pptx
ET_lESSON_6.pptx
 
Hsiajvndjsj
HsiajvndjsjHsiajvndjsj
Hsiajvndjsj
 
Visual Principles
Visual PrinciplesVisual Principles
Visual Principles
 
Visual design
Visual designVisual design
Visual design
 
MEDIA AND INFORMATION LITERACY (MIL)
MEDIA AND INFORMATION LITERACY (MIL)MEDIA AND INFORMATION LITERACY (MIL)
MEDIA AND INFORMATION LITERACY (MIL)
 
Support Materials and Visualization for Distance Education
Support Materials and Visualization for Distance EducationSupport Materials and Visualization for Distance Education
Support Materials and Visualization for Distance Education
 
Design 101 > Lesson 01
Design 101 > Lesson 01Design 101 > Lesson 01
Design 101 > Lesson 01
 
LAYOUT_Graphic--Design-Presentation.pptx
LAYOUT_Graphic--Design-Presentation.pptxLAYOUT_Graphic--Design-Presentation.pptx
LAYOUT_Graphic--Design-Presentation.pptx
 
Practical Lecture 3_Graphics Elements and Principles.pdf
Practical Lecture 3_Graphics Elements and Principles.pdfPractical Lecture 3_Graphics Elements and Principles.pdf
Practical Lecture 3_Graphics Elements and Principles.pdf
 
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
 
Basic Web design principles and elements.pptx
Basic Web design principles and elements.pptxBasic Web design principles and elements.pptx
Basic Web design principles and elements.pptx
 
Significance of Basic Design Elements in Spatial and Cultural Environment of ...
Significance of Basic Design Elements in Spatial and Cultural Environment of ...Significance of Basic Design Elements in Spatial and Cultural Environment of ...
Significance of Basic Design Elements in Spatial and Cultural Environment of ...
 
Elements and Principles of Design (Updated)
Elements and Principles of Design (Updated)Elements and Principles of Design (Updated)
Elements and Principles of Design (Updated)
 
Basic principles and elements of art.ppt
Basic principles and elements of art.pptBasic principles and elements of art.ppt
Basic principles and elements of art.ppt
 
Chapter 8: Visuals and Visual Media
Chapter 8: Visuals and Visual MediaChapter 8: Visuals and Visual Media
Chapter 8: Visuals and Visual Media
 
PRINCIPLES OF DESIGN IN FASHION
PRINCIPLES OF DESIGN IN FASHIONPRINCIPLES OF DESIGN IN FASHION
PRINCIPLES OF DESIGN IN FASHION
 
Visual principles
Visual principlesVisual principles
Visual principles
 

Más de Mark Jhon Oxillo

Más de Mark Jhon Oxillo (20)

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

Último

The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
AnaAcapella
 

Último (20)

HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
 
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxInterdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptx
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfUnit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 

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