Scribd
Upload
39 views47 pages

Visual Information and Media

Uploaded by

Jelaica B. Tabañag
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
39 views47 pages

Visual Information and Media

Uploaded by

Jelaica B. Tabañag
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 47

Visual

Information
and Media
Learning Objectives
• Identify the different types of visual content.
• Describe the purposes of visual media and
information.
• Analyze the design principles and elements
used in a given visual media.
• Critique the effectiveness of visual information.
DemandGen Report (2014)
1. Visual media and information
qMaterials, programs, applications and the like
that teachers and students use to formulate
new information to aid learning through the
use of 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
2. Types of visual media
• Photography
ØIs the art of capturing images using a camera, either
digitally or on film.
ØIt freezes a moment in time and can convey emotions,
tell stories, or document events.
ØPhotography is widely used in advertising, journalism,
and personal expression, ranging from highly artistic
compositions to casual snapshots.
ØCommon Uses: Advertisements, portraits, journalism,
social media, art galleries.
Photography
2. Types of visual media
• Video
ØIs a sequence of moving images often accompanied by
sound, used to visually convey stories, instructions, or
information.
ØVideos can range from short clips to full-length films
and are a powerful medium for entertainment,
education, and communication.
ØCommon Uses: Films, tutorials, advertisements,
documentaries, vlogs, and news broadcasts.
Video
2. Types of visual media
• Screenshots
ØAre static images that capture the current display on a
computer, mobile device, or any other screen.
ØThey are commonly used to document, share, or
troubleshoot information seen on the screen.
ØCommon Uses: Tech support, tutorials, sharing
conversations, capturing web pages, or documenting
issues.
Screenshots
2. Types of visual media
• Infographics
ØAre graphic visual representations of data, information,
or knowledge meant to present information quickly and
clearly.
ØThey combine visuals like icons, illustrations, and text
to make complex information easily digestible.
ØCommon Uses: Education, marketing, journalism,
presentations, and reports.
Infographics
2. Types of visual media
• Data Visualization (Charts and Graphs)
ØUse visual elements like charts, graphs, and maps to
represent data, helping people understand patterns,
trends, and insights.
ØExamples include bar graphs, pie charts, line charts,
scatter plots, and heat maps.
ØCommon Uses: Business reports, research papers,
presentations, data analysis, and performance tracking.
Data Visualization (charts and graphs)
2. Types of visual media
• Comic Strips/Cartoons
ØAre visual narratives composed of a series of drawings
or illustrations arranged in panels.
ØThey often include characters, dialogue, and captions
to tell humorous, dramatic, or satirical stories.
ØCommon Uses: Entertainment, storytelling, political
satire, education, and advertisements.
Comic strips/cartoons
2. Types of visual media
• Memes
Ø Are typically humorous or satirical images, videos, or
text that spread quickly across the internet.
ØThey often incorporate cultural references, jokes, or
c o m m e n t a r y, a n d r e l y o n r e l a t a b l e o r s h a r e d
experiences for their impact.
ØCommon Uses: Social media, internet forums, and viral
marketing.
Memes
2. Types of visual media
• Visual Note-Taking
Ø Also known as sketchnoting, is the practice of creating
visual notes that combine drawings, symbols, and
words.
ØI t i s o f t e n u s e d d u r i n g l e c t u r e s , m e e t i n g s , o r
brainstorming sessions to help summarize and
organize information in a more engaging and
memorable way.
ØCommon Uses: Personal note-taking, educational
settings, presentations, and workshops.
Visual Note-Taking (Sketchnotes)
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.
The Design Elements are:
a. Line
b. sHAPE
C. vALUE
D. TEXTURE
e. COLOR
F. FORM
The Design Elements are:
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.
The Design Elements are:
b. 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. Shape
may also be organic.
The Design Elements are:
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.
The Design Elements are:
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 or
roughness in objects.
The Design Elements are:
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.
The Design Elements are:
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 are:

•Consistency of margins,
typeface, typestyle, and colors is
necessary,especially in slide
presentations or documents that
are more than one page.
6. Visual Design Principles are:
• Consistency
• Center of interest
• Balance
• Harmony
• Contrast
• Directional Movement
• Rhythm
• Perspective
Visual Design Principles are:

• 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. This can be by
contrast of values, more colors, and
placement in the format.
Visual Design Principles are:

• Balance – a feeling of visual equality in


shape, form, value, color, etc.Balance can be
symmetrical and evenly balanced, or
asymmetrical and unevenly balanced. Objects,
values, colors, textures, shapes, forms, etc.
can be used in creating balance in a
composition.
SYMMETRICAL VS ASSYMETRICAL LAYOUT
Visual Design Principles are:

• 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.
(Notice how similar Harmony is to Unity - some
sources list both terms).
Visual Design Principles are:
• 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. It can also be
used to create an area of emphasis.
Visual Design Principles are:

• 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.
Directional movement can be created with a value
pattern. It is with the placement of dark and light
areas that you can move your attention through the
format.
Visual Design Principles are:

•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 are:

• 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.

You might also like