SlideShare a Scribd company logo
PREPARED BY:
EILLEN IVY A. PORTUGUEZ
Indeed a picture speaks a thousand words – this is
the power of visual information.
Look at the picture below. What can
you say about them?
What is Visual Media?
 Symbols, pictures, icons, signs and others that
communicate with one’s sense of sight
EXAMPLE OF VISUAL MEDIA
 IDEOGRAM
- These are graphical symbols that
represent ideas. Examples of such are signs,
logos and symbols.
EXAMPLE OF VISUAL MEDIA
 STATISTICAL VISUALIZATION
- This refer to the study and creation of data using
visual representation. Charts and graphs are
examples of statistical visualization.
EXAMPLE OF VISUAL MEDIA
 PICTURE
- Photography, painting, drawing. It is used widely
by people to express their ideas, opinions and
sentiments.
EXAMPLE OF VISUAL MEDIA
 GRAPHIC DESIGN
- This refer to the art of
combining text and
pictures to communicate
information. Infographics,
posters, and graphic
advertisements are
considered as graphic
design.
EXAMPLE OF VISUAL MEDIA
 VIDEO
- If graphic design is the combination of
text and pictures, video is the combination of
motion picture, or of motion and audio.
EXAMPLE OF VISUAL MEDIA
 3-D IMAGE
- A three-
dimentional visual
medium can be a
sculpture, an
architecture, a real-
life object, or a
person.
VISUAL MEDIA
 The information that a person gets from
ideogram, statistical visualization,
picture, graphic design, video and 3-D
image.
THE POWER OF VISUAL
INFORMATION AND MEDIA
Visual Communication is a powerful
form of communication for visual
message stimulate both
intellectual and emotional
responses.
Pettersson (2015)
Create an Infographics about any of the
following:
1. Hazards of smoking
2. Benefits of saving money
3. Disadvantages of computer addiction
4. Population growth in the Philippines: causes
and effects.
5. Effects of climate change and the ways to curb
them
WHT IS VISUAL LITERACY
 The learned ability to interpret visual
image accurately and to create such
messages”. - Robert Heinich, Michael Molenda and James
Russel (1982)
LEVEL OF COMPETENCIES DEVELOPED BY PROFESSOR
RAYMOND PAQUIN (1999)
 PRIMARY LEVEL
1. Manipulation (changing objects)
2. Construction (producing simple visuals,
taking pictures)
3. Abstraction (identifying concepts from art
elements
 SKILLED LEVEL
4. Manipulation (using tools for problem-
solving)
5. Construction (drawing with perspective;
controlling variables in picture-taking,
origami, interpreting instructions)
6. Abstraction (creating visual plans, specifying
photographic treatment for subjects,
creating visuals from verbal's and vice
versa.
LEVEL OF COMPETENCIES DEVELOPED BY PROFESSOR
RAYMOND PAQUIN (1999)
LEVEL OF COMPETENCIES DEVELOPED BY PROFESSOR
RAYMOND PAQUIN (1999)
 ADVANCE LEVEL
7. Manipulation (mental manipulations of
complex representations)
8. Construction (drawing in 3-D; creating own
visual style; producing multimedia
information)
9. Abstraction (lateral thinking, visual intuition,
describing visual ideas verbally)
SELECTION CRITERIA:
Bare in mind the ff. before using a visual
information and medium:
- relevance
- triangulation
- point of view
- medium used
- audience
PRODUCING A VISUAL
INFORMATION PROVIDING CLARITY:
1. For Pictures, Wileman (1993) formulated a number of
guide questions:
a. Are the words and images large enough to see?
b. Are the words and images bold enough to see?
c. Is there good contrast between figure and
ground?
d. Is the visual appropriate for the intended audience?
e. What visual devices are used to direct the viewer’s
attention?
f. Does the visual contain only the essential
information?
g. Are appropriate visual sequencing techniques used
to present complex ideas?
PRODUCING A VISUAL
INFORMATION
 PROVIDING CLARITY:
2. For Symbols:
a. Use distinct colors and simple graphical elements
to design symbols that will function in any size.
b. Design solid figures with a district contrast to the
background.
c. Use characters and graphical elements that are
bold, distinct and large enough.
PRODUCING A VISUAL
INFORMATION
 PROVIDING CLARITY:
3. For Maps:
a. Use and bold and distinct symbols in a
consistent size.
b. Restrict numbers of typefaces and complexity of
patterns.
c. Provide distinct contrast in form and
dimensions.
PETTERSSON (2015) ENUMERATED A NUMBER
OF GUIDELINES TO MAKE A VISUAL MESSAGE
SIMPLE AND EASY TO UNDERSTAND
 FOR PICTURE:
a. Write caption to explain the pictures
b. Choose illustrations carefully and use visual
sequencing techniques (photography, drawing
techniques, etc.) to present complex ideas.
c. Leave out unnecessary elements and avoid
excessive detail.
PETTERSSON (2015) ENUMERATED A NUMBER
OF GUIDELINES TO MAKE A VISUAL MESSAGE
SIMPLE AND EASY TO UNDERSTAND
 FOR SYMBOLS
a. Use color, position, size, and shape
b. Use a combination of pictographs and
words.
c. Use realistic figures rather that abstract one.
 FOR MAPS
a. Restrict number of visual symbols on maps.
b. Keep it simple
c. Be consistent
PETTERSSON (2015) ENUMERATED A
NUMBER OF GUIDELINES TO MAKE A
VISUAL MESSAGE SIMPLE AND EASY TO
UNDERSTAND
 FOR COLOR
a. Use color to express a certain emotion.
b. Use color to emphasize or play an element down.
c. Use color to show differences or similarities.
d. Use color to help readers recall information or
discover new information.
PROVIDING EMPHASIS
Emphasis in a visual message is achieved
by highlighting the most essential
element and reducing the less essential
ones.
-Pattersson, (2015)
If you were to create a business, what
would it be? Try to create a logo, and an
advertisement poster for that business
and follow the guidelines for producing
visual information
Visual Information and Media

More Related Content

What's hot

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)
Mark Jhon Oxillo
 
Audio Information and Media - Media and Information Literacy (MIL)
Audio Information and Media - Media and Information Literacy (MIL)Audio Information and Media - Media and Information Literacy (MIL)
Audio Information and Media - Media and Information Literacy (MIL)
Mark Jhon Oxillo
 
Media and Information Literacy (MIL) - 1. Introduction to Media and Informati...
Media and Information Literacy (MIL) - 1. Introduction to Media and Informati...Media and Information Literacy (MIL) - 1. Introduction to Media and Informati...
Media and Information Literacy (MIL) - 1. Introduction to Media and Informati...
Arniel Ping
 
Media and Information Literacy (MIL) - 8. Opportunities ,Challenges, and Powe...
Media and Information Literacy (MIL) - 8. Opportunities ,Challenges, and Powe...Media and Information Literacy (MIL) - 8. Opportunities ,Challenges, and Powe...
Media and Information Literacy (MIL) - 8. Opportunities ,Challenges, and Powe...
Arniel Ping
 
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
 
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
 
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
Arniel Ping
 
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
Arniel Ping
 
People Media - Media and Information Literacy (MIL)
People Media - Media and Information Literacy (MIL)People Media - Media and Information Literacy (MIL)
People Media - Media and Information Literacy (MIL)
Mark Jhon Oxillo
 
People Media
People MediaPeople Media
People Media
Julius Memar Ngoho
 
Media and Information Literacy (MIL) 7. Legal, Ethical, and Societal Issues i...
Media and Information Literacy (MIL) 7. Legal, Ethical, and Societal Issues i...Media and Information Literacy (MIL) 7. Legal, Ethical, and Societal Issues i...
Media and Information Literacy (MIL) 7. Legal, Ethical, and Societal Issues i...
Arniel Ping
 
Motion information and media
Motion information and mediaMotion information and media
Motion information and media
George Pescasio Jr.
 
Media and Information Literacy (MIL) 2. The Evolution of Traditional to New M...
Media and Information Literacy (MIL) 2. The Evolution of Traditional to New M...Media and Information Literacy (MIL) 2. The Evolution of Traditional to New M...
Media and Information Literacy (MIL) 2. The Evolution of Traditional to New M...
Arniel Ping
 
Media and Information Literacy (MIL) 1. Introduction to MIL (Part 2)- Charact...
Media and Information Literacy (MIL) 1. Introduction to MIL (Part 2)- Charact...Media and Information Literacy (MIL) 1. Introduction to MIL (Part 2)- Charact...
Media and Information Literacy (MIL) 1. Introduction to MIL (Part 2)- Charact...
Arniel Ping
 
Media and Information Literacy (MIL)- Visual Information and Media (Part 3)
Media and Information Literacy (MIL)- Visual Information and Media (Part 3)Media and Information Literacy (MIL)- Visual Information and Media (Part 3)
Media and Information Literacy (MIL)- Visual Information and Media (Part 3)
Arniel Ping
 
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)
Mark Jhon Oxillo
 
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
 
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
Lany Lyn Magdaraog
 
The Evolution of Traditional Media to New Media
The Evolution of Traditional Media to New MediaThe Evolution of Traditional Media to New Media
The Evolution of Traditional Media to New Media
Ruben Jezarry Borja
 
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
 

What's hot (20)

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)
 
Audio Information and Media - Media and Information Literacy (MIL)
Audio Information and Media - Media and Information Literacy (MIL)Audio Information and Media - Media and Information Literacy (MIL)
Audio Information and Media - Media and Information Literacy (MIL)
 
Media and Information Literacy (MIL) - 1. Introduction to Media and Informati...
Media and Information Literacy (MIL) - 1. Introduction to Media and Informati...Media and Information Literacy (MIL) - 1. Introduction to Media and Informati...
Media and Information Literacy (MIL) - 1. Introduction to Media and Informati...
 
Media and Information Literacy (MIL) - 8. Opportunities ,Challenges, and Powe...
Media and Information Literacy (MIL) - 8. Opportunities ,Challenges, and Powe...Media and Information Literacy (MIL) - 8. Opportunities ,Challenges, and Powe...
Media and Information Literacy (MIL) - 8. Opportunities ,Challenges, and Powe...
 
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...
 
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)
 
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
 
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
 
People Media - Media and Information Literacy (MIL)
People Media - Media and Information Literacy (MIL)People Media - Media and Information Literacy (MIL)
People Media - Media and Information Literacy (MIL)
 
People Media
People MediaPeople Media
People Media
 
Media and Information Literacy (MIL) 7. Legal, Ethical, and Societal Issues i...
Media and Information Literacy (MIL) 7. Legal, Ethical, and Societal Issues i...Media and Information Literacy (MIL) 7. Legal, Ethical, and Societal Issues i...
Media and Information Literacy (MIL) 7. Legal, Ethical, and Societal Issues i...
 
Motion information and media
Motion information and mediaMotion information and media
Motion information and media
 
Media and Information Literacy (MIL) 2. The Evolution of Traditional to New M...
Media and Information Literacy (MIL) 2. The Evolution of Traditional to New M...Media and Information Literacy (MIL) 2. The Evolution of Traditional to New M...
Media and Information Literacy (MIL) 2. The Evolution of Traditional to New M...
 
Media and Information Literacy (MIL) 1. Introduction to MIL (Part 2)- Charact...
Media and Information Literacy (MIL) 1. Introduction to MIL (Part 2)- Charact...Media and Information Literacy (MIL) 1. Introduction to MIL (Part 2)- Charact...
Media and Information Literacy (MIL) 1. Introduction to MIL (Part 2)- Charact...
 
Media and Information Literacy (MIL)- Visual Information and Media (Part 3)
Media and Information Literacy (MIL)- Visual Information and Media (Part 3)Media and Information Literacy (MIL)- Visual Information and Media (Part 3)
Media and Information Literacy (MIL)- Visual Information and Media (Part 3)
 
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)
 
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)
 
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
 
The Evolution of Traditional Media to New Media
The Evolution of Traditional Media to New MediaThe Evolution of Traditional Media to New Media
The Evolution of Traditional Media to New Media
 
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
 

Similar to Visual Information and Media

G5-Q4-ENG-PPT-W1.pptx
G5-Q4-ENG-PPT-W1.pptxG5-Q4-ENG-PPT-W1.pptx
G5-Q4-ENG-PPT-W1.pptx
nelietumpap
 
visual literacy
visual literacyvisual literacy
visual literacy
joeri Neri
 
360369963-Visual-Media-and-Information.pptx
360369963-Visual-Media-and-Information.pptx360369963-Visual-Media-and-Information.pptx
360369963-Visual-Media-and-Information.pptx
jaymegeramie8
 
What is the scope of graphic design
What is the scope of graphic designWhat is the scope of graphic design
What is the scope of graphic designMyers
 
Visual Explanations
Visual ExplanationsVisual Explanations
Visual Explanations
Daniel Churchill
 
Concept mapping, mind mapping and argumentmapping what are .docx
Concept mapping, mind mapping and argumentmapping what are .docxConcept mapping, mind mapping and argumentmapping what are .docx
Concept mapping, mind mapping and argumentmapping what are .docx
patricke8
 
Graphics course fundamental
Graphics course fundamental Graphics course fundamental
Graphics course fundamental
Creative Clipping Path
 
Mil ppt week 13
Mil ppt week 13Mil ppt week 13
Mil ppt week 13
JoviParani1
 
Visual Principles
Visual PrinciplesVisual Principles
Visual PrinciplesAlaa Sadik
 
Visual Information and Media (UMAK Lecture)
Visual Information and Media (UMAK Lecture)Visual Information and Media (UMAK Lecture)
Visual Information and Media (UMAK Lecture)
Clarence Cedric Lee
 
VISUAL-INFORMAT-WPS-Office..........pptx
VISUAL-INFORMAT-WPS-Office..........pptxVISUAL-INFORMAT-WPS-Office..........pptx
VISUAL-INFORMAT-WPS-Office..........pptx
AnnaMayChavezCarbon
 

Similar to Visual Information and Media (20)

Visual Literacy
Visual LiteracyVisual Literacy
Visual Literacy
 
G5-Q4-ENG-PPT-W1.pptx
G5-Q4-ENG-PPT-W1.pptxG5-Q4-ENG-PPT-W1.pptx
G5-Q4-ENG-PPT-W1.pptx
 
visual literacy
visual literacyvisual literacy
visual literacy
 
Penilaian kendiri
Penilaian kendiri Penilaian kendiri
Penilaian kendiri
 
360369963-Visual-Media-and-Information.pptx
360369963-Visual-Media-and-Information.pptx360369963-Visual-Media-and-Information.pptx
360369963-Visual-Media-and-Information.pptx
 
Penilaian kendiri
Penilaian kendiri Penilaian kendiri
Penilaian kendiri
 
Penilaian kendiri buku
Penilaian kendiri bukuPenilaian kendiri buku
Penilaian kendiri buku
 
What is the scope of graphic design
What is the scope of graphic designWhat is the scope of graphic design
What is the scope of graphic design
 
Visual Explanations
Visual ExplanationsVisual Explanations
Visual Explanations
 
Concept mapping, mind mapping and argumentmapping what are .docx
Concept mapping, mind mapping and argumentmapping what are .docxConcept mapping, mind mapping and argumentmapping what are .docx
Concept mapping, mind mapping and argumentmapping what are .docx
 
Graphics course fundamental
Graphics course fundamental Graphics course fundamental
Graphics course fundamental
 
Mil ppt week 13
Mil ppt week 13Mil ppt week 13
Mil ppt week 13
 
Visual Principles
Visual PrinciplesVisual Principles
Visual Principles
 
Visual Information and Media (UMAK Lecture)
Visual Information and Media (UMAK Lecture)Visual Information and Media (UMAK Lecture)
Visual Information and Media (UMAK Lecture)
 
VISUAL-INFORMAT-WPS-Office..........pptx
VISUAL-INFORMAT-WPS-Office..........pptxVISUAL-INFORMAT-WPS-Office..........pptx
VISUAL-INFORMAT-WPS-Office..........pptx
 
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
 

More from EILLEN IVY PORTUGUEZ

SET UP INTERNET CONNECTION USING MODEM
SET UP INTERNET CONNECTION USING MODEMSET UP INTERNET CONNECTION USING MODEM
SET UP INTERNET CONNECTION USING MODEM
EILLEN IVY PORTUGUEZ
 
Peer to-peer network
Peer to-peer networkPeer to-peer network
Peer to-peer network
EILLEN IVY PORTUGUEZ
 
The Power of Media and Information
The Power of Media and InformationThe Power of Media and Information
The Power of Media and Information
EILLEN IVY PORTUGUEZ
 
Network Security
Network SecurityNetwork Security
Network Security
EILLEN IVY PORTUGUEZ
 
Swot analysis
Swot analysisSwot analysis
Swot analysis
EILLEN IVY PORTUGUEZ
 
Wearable technology
Wearable technologyWearable technology
Wearable technology
EILLEN IVY PORTUGUEZ
 
Web design principles
Web design principlesWeb design principles
Web design principles
EILLEN IVY PORTUGUEZ
 
Understanding the computer system
Understanding the  computer systemUnderstanding the  computer system
Understanding the computer system
EILLEN IVY PORTUGUEZ
 
Use of tools in pc hardware servicing
Use of tools in pc hardware servicingUse of tools in pc hardware servicing
Use of tools in pc hardware servicing
EILLEN IVY PORTUGUEZ
 
Technology empowerment ict today
Technology empowerment ict todayTechnology empowerment ict today
Technology empowerment ict today
EILLEN IVY PORTUGUEZ
 
Technology empowerment
Technology empowermentTechnology empowerment
Technology empowerment
EILLEN IVY PORTUGUEZ
 
Search engines & advantage and disadvantage of intenet
Search engines & advantage and disadvantage of intenetSearch engines & advantage and disadvantage of intenet
Search engines & advantage and disadvantage of intenet
EILLEN IVY PORTUGUEZ
 
Productivity tools
Productivity toolsProductivity tools
Productivity tools
EILLEN IVY PORTUGUEZ
 
Personal entrepreneurial competencies (pecs)
Personal entrepreneurial competencies (pecs)Personal entrepreneurial competencies (pecs)
Personal entrepreneurial competencies (pecs)
EILLEN IVY PORTUGUEZ
 
Online safety and security
Online safety and securityOnline safety and security
Online safety and security
EILLEN IVY PORTUGUEZ
 
Online presentation tools
Online presentation toolsOnline presentation tools
Online presentation tools
EILLEN IVY PORTUGUEZ
 
Online platforms and applications
Online platforms and applicationsOnline platforms and applications
Online platforms and applications
EILLEN IVY PORTUGUEZ
 
Mapping applications
Mapping applicationsMapping applications
Mapping applications
EILLEN IVY PORTUGUEZ
 
Key concepts of selecting a business idea
Key concepts of selecting a business ideaKey concepts of selecting a business idea
Key concepts of selecting a business idea
EILLEN IVY PORTUGUEZ
 
Internet and online ethics & etiquette
Internet and online ethics & etiquetteInternet and online ethics & etiquette
Internet and online ethics & etiquette
EILLEN IVY PORTUGUEZ
 

More from EILLEN IVY PORTUGUEZ (20)

SET UP INTERNET CONNECTION USING MODEM
SET UP INTERNET CONNECTION USING MODEMSET UP INTERNET CONNECTION USING MODEM
SET UP INTERNET CONNECTION USING MODEM
 
Peer to-peer network
Peer to-peer networkPeer to-peer network
Peer to-peer network
 
The Power of Media and Information
The Power of Media and InformationThe Power of Media and Information
The Power of Media and Information
 
Network Security
Network SecurityNetwork Security
Network Security
 
Swot analysis
Swot analysisSwot analysis
Swot analysis
 
Wearable technology
Wearable technologyWearable technology
Wearable technology
 
Web design principles
Web design principlesWeb design principles
Web design principles
 
Understanding the computer system
Understanding the  computer systemUnderstanding the  computer system
Understanding the computer system
 
Use of tools in pc hardware servicing
Use of tools in pc hardware servicingUse of tools in pc hardware servicing
Use of tools in pc hardware servicing
 
Technology empowerment ict today
Technology empowerment ict todayTechnology empowerment ict today
Technology empowerment ict today
 
Technology empowerment
Technology empowermentTechnology empowerment
Technology empowerment
 
Search engines & advantage and disadvantage of intenet
Search engines & advantage and disadvantage of intenetSearch engines & advantage and disadvantage of intenet
Search engines & advantage and disadvantage of intenet
 
Productivity tools
Productivity toolsProductivity tools
Productivity tools
 
Personal entrepreneurial competencies (pecs)
Personal entrepreneurial competencies (pecs)Personal entrepreneurial competencies (pecs)
Personal entrepreneurial competencies (pecs)
 
Online safety and security
Online safety and securityOnline safety and security
Online safety and security
 
Online presentation tools
Online presentation toolsOnline presentation tools
Online presentation tools
 
Online platforms and applications
Online platforms and applicationsOnline platforms and applications
Online platforms and applications
 
Mapping applications
Mapping applicationsMapping applications
Mapping applications
 
Key concepts of selecting a business idea
Key concepts of selecting a business ideaKey concepts of selecting a business idea
Key concepts of selecting a business idea
 
Internet and online ethics & etiquette
Internet and online ethics & etiquetteInternet and online ethics & etiquette
Internet and online ethics & etiquette
 

Recently uploaded

"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi
Fwdays
 
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 previewState of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
Prayukth K V
 
JMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and GrafanaJMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and Grafana
RTTS
 
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
Product School
 
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptxIOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
Abida Shariff
 
Essentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with ParametersEssentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with Parameters
Safe Software
 
DevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA ConnectDevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA Connect
Kari Kakkonen
 
Search and Society: Reimagining Information Access for Radical Futures
Search and Society: Reimagining Information Access for Radical FuturesSearch and Society: Reimagining Information Access for Radical Futures
Search and Society: Reimagining Information Access for Radical Futures
Bhaskar Mitra
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
James Anderson
 
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
Sri Ambati
 
ODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User GroupODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User Group
CatarinaPereira64715
 
Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdf
Cheryl Hung
 
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Tobias Schneck
 
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
BookNet Canada
 
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdfSmart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
91mobiles
 
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdfFIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance
 
Connector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a buttonConnector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a button
DianaGray10
 
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdfFIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance
 
PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)
Ralf Eggert
 
GraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge GraphGraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge Graph
Guy Korland
 

Recently uploaded (20)

"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi
 
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 previewState of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
 
JMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and GrafanaJMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and Grafana
 
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
 
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptxIOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
 
Essentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with ParametersEssentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with Parameters
 
DevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA ConnectDevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA Connect
 
Search and Society: Reimagining Information Access for Radical Futures
Search and Society: Reimagining Information Access for Radical FuturesSearch and Society: Reimagining Information Access for Radical Futures
Search and Society: Reimagining Information Access for Radical Futures
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
 
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
 
ODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User GroupODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User Group
 
Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdf
 
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
 
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
 
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdfSmart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
 
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdfFIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
 
Connector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a buttonConnector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a button
 
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdfFIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
 
PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)
 
GraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge GraphGraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge Graph
 

Visual Information and Media

  • 1. PREPARED BY: EILLEN IVY A. PORTUGUEZ
  • 2.
  • 3. Indeed a picture speaks a thousand words – this is the power of visual information.
  • 4. Look at the picture below. What can you say about them?
  • 5. What is Visual Media?  Symbols, pictures, icons, signs and others that communicate with one’s sense of sight
  • 6. EXAMPLE OF VISUAL MEDIA  IDEOGRAM - These are graphical symbols that represent ideas. Examples of such are signs, logos and symbols.
  • 7. EXAMPLE OF VISUAL MEDIA  STATISTICAL VISUALIZATION - This refer to the study and creation of data using visual representation. Charts and graphs are examples of statistical visualization.
  • 8. EXAMPLE OF VISUAL MEDIA  PICTURE - Photography, painting, drawing. It is used widely by people to express their ideas, opinions and sentiments.
  • 9. EXAMPLE OF VISUAL MEDIA  GRAPHIC DESIGN - This refer to the art of combining text and pictures to communicate information. Infographics, posters, and graphic advertisements are considered as graphic design.
  • 10. EXAMPLE OF VISUAL MEDIA  VIDEO - If graphic design is the combination of text and pictures, video is the combination of motion picture, or of motion and audio.
  • 11. EXAMPLE OF VISUAL MEDIA  3-D IMAGE - A three- dimentional visual medium can be a sculpture, an architecture, a real- life object, or a person.
  • 12. VISUAL MEDIA  The information that a person gets from ideogram, statistical visualization, picture, graphic design, video and 3-D image.
  • 13. THE POWER OF VISUAL INFORMATION AND MEDIA Visual Communication is a powerful form of communication for visual message stimulate both intellectual and emotional responses. Pettersson (2015)
  • 14. Create an Infographics about any of the following: 1. Hazards of smoking 2. Benefits of saving money 3. Disadvantages of computer addiction 4. Population growth in the Philippines: causes and effects. 5. Effects of climate change and the ways to curb them
  • 15.
  • 16. WHT IS VISUAL LITERACY  The learned ability to interpret visual image accurately and to create such messages”. - Robert Heinich, Michael Molenda and James Russel (1982)
  • 17. LEVEL OF COMPETENCIES DEVELOPED BY PROFESSOR RAYMOND PAQUIN (1999)  PRIMARY LEVEL 1. Manipulation (changing objects) 2. Construction (producing simple visuals, taking pictures) 3. Abstraction (identifying concepts from art elements
  • 18.  SKILLED LEVEL 4. Manipulation (using tools for problem- solving) 5. Construction (drawing with perspective; controlling variables in picture-taking, origami, interpreting instructions) 6. Abstraction (creating visual plans, specifying photographic treatment for subjects, creating visuals from verbal's and vice versa. LEVEL OF COMPETENCIES DEVELOPED BY PROFESSOR RAYMOND PAQUIN (1999)
  • 19. LEVEL OF COMPETENCIES DEVELOPED BY PROFESSOR RAYMOND PAQUIN (1999)  ADVANCE LEVEL 7. Manipulation (mental manipulations of complex representations) 8. Construction (drawing in 3-D; creating own visual style; producing multimedia information) 9. Abstraction (lateral thinking, visual intuition, describing visual ideas verbally)
  • 21. Bare in mind the ff. before using a visual information and medium: - relevance - triangulation - point of view - medium used - audience
  • 22. PRODUCING A VISUAL INFORMATION PROVIDING CLARITY: 1. For Pictures, Wileman (1993) formulated a number of guide questions: a. Are the words and images large enough to see? b. Are the words and images bold enough to see? c. Is there good contrast between figure and ground? d. Is the visual appropriate for the intended audience? e. What visual devices are used to direct the viewer’s attention? f. Does the visual contain only the essential information? g. Are appropriate visual sequencing techniques used to present complex ideas?
  • 23. PRODUCING A VISUAL INFORMATION  PROVIDING CLARITY: 2. For Symbols: a. Use distinct colors and simple graphical elements to design symbols that will function in any size. b. Design solid figures with a district contrast to the background. c. Use characters and graphical elements that are bold, distinct and large enough.
  • 24. PRODUCING A VISUAL INFORMATION  PROVIDING CLARITY: 3. For Maps: a. Use and bold and distinct symbols in a consistent size. b. Restrict numbers of typefaces and complexity of patterns. c. Provide distinct contrast in form and dimensions.
  • 25. PETTERSSON (2015) ENUMERATED A NUMBER OF GUIDELINES TO MAKE A VISUAL MESSAGE SIMPLE AND EASY TO UNDERSTAND  FOR PICTURE: a. Write caption to explain the pictures b. Choose illustrations carefully and use visual sequencing techniques (photography, drawing techniques, etc.) to present complex ideas. c. Leave out unnecessary elements and avoid excessive detail.
  • 26. PETTERSSON (2015) ENUMERATED A NUMBER OF GUIDELINES TO MAKE A VISUAL MESSAGE SIMPLE AND EASY TO UNDERSTAND  FOR SYMBOLS a. Use color, position, size, and shape b. Use a combination of pictographs and words. c. Use realistic figures rather that abstract one.  FOR MAPS a. Restrict number of visual symbols on maps. b. Keep it simple c. Be consistent
  • 27. PETTERSSON (2015) ENUMERATED A NUMBER OF GUIDELINES TO MAKE A VISUAL MESSAGE SIMPLE AND EASY TO UNDERSTAND  FOR COLOR a. Use color to express a certain emotion. b. Use color to emphasize or play an element down. c. Use color to show differences or similarities. d. Use color to help readers recall information or discover new information.
  • 28. PROVIDING EMPHASIS Emphasis in a visual message is achieved by highlighting the most essential element and reducing the less essential ones. -Pattersson, (2015)
  • 29. If you were to create a business, what would it be? Try to create a logo, and an advertisement poster for that business and follow the guidelines for producing visual information