Media

and
Information
Literacy
Claudine A. Tadena
 Activity 1
Directions: Look for the ten (10) words associated to the
dimensions of visual information
 At the end of the lesson, you are expected to:

Describe the different

dimensions of visual information
and media;
Analyze how visual information
and media are produced formally
and informally
 Visual Information
Uses pictures and graphics to convey message.
(Hidalgo & Mopera, 2015)

Forms of Visual Information and

Media
1. Original art
2. Photographs
3. Prints
4. Moving images
 Forms of Visual Information and Media
1. Original art - paintings, drawings, graphic art, prints,
sculpture, and architectural drawings and plans that are not only
for display in galleries and museums.
2. Photographs - actual representations of events and they
have high evidential values.
3. Prints - “artworks that are intentionally created for the purpose
of sending information” (Hidalgo and Mopera 2015). These include
etchings, engravings, lithographs, woodcuts, mezzotints, posters,
trade cards, artists’ prints, computer-generated graphics, and book
illustrations.
4. Moving images – “aims to bring back memories from the
past through the use of moving images”; examples of these are
documentaries and newsreels (Hidalgo and Mopera 2015).
 Visual Design Elements
“the building blocks of visual design and are responsible for
image creation which functions as indicators of the message”
(Hidalgo and Mopera 2015).

PoLiCoShTeVa
Point Value
Line Texture
Color Shape
1. Point – simplest element in visual information; responsible for
emphasizing key ideas.

Carabao
Photo source:
https://daydreamingi
by Cyril
nparadise.com/a-list-
Maza
of-philippine-
(August
national-artists-for-
20, 2016)
visual-arts/
2. Lines – suggests motion; imply moods and tones (vertical means
power and authority; horizontal means rest and relaxation;
diagonal means action; curved suggest comfort).

Photo source:
https://daydreamingi
nparadise.com/a-list-
of-philippine-
national-artists-for-
visual-arts/
3. Colors – seen because of light; indicators of mood (warm colors –
red, orange and yellow; cool colors – blue, violet, green)
Source: https://miro.medium.com/max/640/1*03CDeGvAoWdmd5AQnnnkmA.png
4. Shapes – represent ideas because of the boundaries they provide; can
replace an object too complex to represent (example: circle may
represent a globe; a triangle may represent a triangular relationship and a
square may mean equal ideas).
ANTHONY CARO (1924-2013)
Paul's Turn, 1971 (cor-ten steel)

WAYNE THIEBAUD (1920-)

Around the Cake, 1962 (oil on
canvas)
5. Texture – exhibits illusion of touch by showing softness or roughness
of surface; also shows depth and perspective of objects.

Planting Rice
Fernando Amorsolo
6. Value – used in order to apply appropriate lighting to the subject;
used to put depth and sense to the idea; two kinds – a) light areas
(happiness, fun, exuberance, warmth, closeness) and b) dark areas
(gloom, mystery, drama, menace).

HARMEN STEENWYCK (1612-1656)

'Still Life: An Allegory of the Vanities of
Human Life', 1640 (oil on oak panel)
 Visual Design Principles
The “standards” in using the visual design elements properly.

UnVaPersBaHaMo
Unity Movement
Variety Harmony
Perspective Balance
1. Unity – ‘oneness’ of all visual elements; to achieve this: a) use of same colors,
shapes and sizes to communicate similar levels of ideas; b) use of organized
shifting of elements to imply hierarchy or differences of ideas.

Source: https://daydreaminginparadise.com/a-list-of-philippine-national-artists-for-visual-arts/
2. Variety – suggests possible variations in elements in terms of placement
and representations; makes the visual information exciting; depends on the
nature of information.
 3. Perspective – gives the illusion of ‘realness’.

https://www.google.com/url?sa=i&url=https
%3A%2F%2Fall3dp.com%2F2%2Fautocad-3d-
drawing-tutorial%2F&psig=AOvVaw2-
https://www.google.com/url?sa=i&url=https%3A%2F
%2Fwww.template.net%2Fdesign-templates%2Fdrawings%2F3d-drawing- fRADFxhn2w1yMgCpaUJk&ust=16733187375
template%2F&psig=AOvVaw2- 96000&source=images&cd=vfe&ved=0CA0Qj
fRADFxhn2w1yMgCpaUJk&ust=1673318737596000&source=images&cd=vf RxqFwoTCMjlhq28ufwCFQAAAAAdAAAAABAY
e&ved=0CA0QjRxqFwoTCMjlhq28ufwCFQAAAAAdAAAAABAS
4. Balance – the location and arrangement of elements must be in order;
communicates equality among all visual elements.

Symmetrical Balance
4. Balance – the location and arrangement of elements must be in order;
communicates equality among all visual elements.

Asymmetrical Balance
4. Balance – the location and arrangement of elements must be in order;
communicates equality among all visual elements.

Radial Balance

https://www.google.com/url?
sa=i&url=https%3A%2F
%2Fwww.pinterest.com%2Fpin
%2F88383211417083264%2F&psig=A
OvVaw12tJEr9UJG__eZMnYKtS0m&ust
=1673325597795000&source=images
&cd=vfe&ved=0CAwQjRxqFwoTCMCb
5. Harmony – focuses on how all visual elements are held together; all
elements should have a common reason why they exist in the material.

https://res.cloudinary.com/jerrick/image/upload/f_jpg,q_auto,w_720/zgmj6donx8srsceptxlk.jpg
6. Movements – diagonal lines suggest movements and must be shown
clearly.

https://www.google.com/url?sa=i&url=https%3A%2F
%2Fwww.trip.com%2Fmoments%2Fdetail%2Fpagudpud-
14636-
10099359%2F&psig=AOvVaw3CJv2IYaxmj0S2gL0A42CD&us
t=1673329959195000&source=images&cd=vfe&ved=0CAw
QjRxqFwoTCPjjsoDmufwCFQAAAAAdAAAAABAJ
 Most common file extensions used with
visual files and documents
• TIFF (Tagged Image File Format)
• PNG (Portable Network Graphics)
• GIF (Graphic Interchange Format)
• JPEG (Joint Photographic Experts Group)
• BMP (Bitmap)
• PSD (Photoshop Document) or PSP (Paint
Shop Pro)
Special activity
5: Analyze
Harmen’s painting.
What visual
elements and
principles were
applied in the
creation of the
material? What
could be the
message of the
painting? Explain
your answer in 3 to
5 sentences.