Text and Visual Dimensions of

Information and Media

MEDIA and INFORMATION LITERACY (MIL) – Quarter II
After going through this lesson, you are expected to:
1. Explain the principles in designing text and visual elements.
2. Evaluate the impact of text and visual content and forms.
3. Design a personal brand or logo using appropriate text and
visuals.
4. Spread positive and affirming information through visual
media.
Types of Visual Media
1. Photography
2. Video
3. Screenshot
4. Infographic
5. Comics Strip/Cartoons
6. Meme
7. Graphs/Charts
8. Visual Note Taking
Types of Visual Media - Photography
Mount Makiling,
shot using
smartphone camera

https://th.bing.com/th/id/R.a2c1a8d021e7fe649e830722fcc35a07?rik=6slUl2q4J0nLew&ri
u=https%3a%2f%2f2.zoppoz.workers.dev%3a443%2fhttp%2fwww.traveltothephilippines.info%2fwp-
content%2fuploads%2f2011%2f09%2fmount-
makiling22.jpg&ehk=epX4ScUNK3Z8bURdmTJwJH7zme9b4wdTyt3fMel2M7I%3d&risl=&pi
d=ImgRaw&r=0&sres=1&sresct=1
Types of Visual Media - Video
Avatar: The Way of
Water | Official Trailer

https://www.youtube.com/watch?v=o5F8MOz_IDw
Types of Visual Media - Screenshot
Screenshot from a
typical online class
Types of Visual Media - Infographics
This was created to
promote netiquette
in Mary Help of
Christians College,
Laguna
Types of Visual Media - Comics Strip/Cartoons

Created by Johnrich Raymundo, Ash Nabalona

and Alexandra Ducay for Camp Vicente Lim
Integrated School
Types of Visual Media - Meme
Image: “Memes for NBA” by
randycline5049 is marked with CC
PDM 1.0
Types of Visual Media - Graphs/Charts
Pie Graph for DepEd Tayo
Camp Vicente Lim Integrated
School FB Page
Types of Visual Media - Visual Note Taking
Image: “Visual Notetaking
101” by jonnygoldstein is
licensed under CC BY 2.0
Design Elements
1. Line
2. Shape
3. Value
4. Texture
5. Color
6. Form
Design Elements - Line
Lines are one of the
simplest elements of
design, but they can
be used to create a
variety of different
effects.
https://static.vecteezy.com/system/resources/previews/
000/266/067/original/gradient-line-spiral-designs-
elements-vector.jpg https://t4.ftcdn.net/jpg/01/14/93/67/500_F_114936776_
0O9kKnR90yfvBKOKqweRHtjbF2oX3BWu.jpg
Design Elements - Line
A line connects two points. It’s also the path made
by a moving point. Lines can be thick or thin. They
can be long or short. They can be vertical,
horizontal, or diagonal. They can be solid or dotted
or dashed. Lines can be curved or straight of
combinations of both. There’s an endless variety in
what we think of as a line.
Design Elements - Shape
The second element of
design is shape, when a two-
dimensional line encloses an
area. A shape can be
geometric (like a circle,
triangle, or square), or it can
be organic (such as leaves,
flowers, and animals).
Design Elements - Value
Value is the lightness or
darkness of a color. It can
be used to create contrast,
to convey moods and
emotions, and to create a
sense of depth.
Design Elements - Texture
Texture refers to the way a
surface feels—or in this case of
a digital design, a perception of
how it could feel. Texture can
create a more dynamic, visually
appealing experience while
also adding depth to your
design.
Design Elements - Color
Color is another powerful
element of design. It can
stand alone, act as a
background, highlights
other elements in your
design.
Design Elements - Color
As you create your color
palette, it’s important to
understand the three
properties at play. This will
help you maximize the
power of this principle of
design.
Design Elements - Color
These three properties are:
Hue refers to the name of the color. For example, “red,” “blue,”
and “green” are all hues.
Saturation refers to the intensity or purity of the color. A
specific hue can have a vibrant or dull saturation (and anywhere
in between).
Value refers to the lightness or darkness of a color. Color can be
“tinted” by adding white or “shaded” by adding a layer of black.
Design Elements - Color (Color Psychology in Marketing)
Design Elements - Form
Forms are three dimensional,
and there are two types:
geometric (man-made) and
natural (organic). A digital or
physical form can be measured
by height, width, and depth. A
form can be created by
combining shapes, and it can be
enhanced by color or texture.
Principles in Visual Design
1. Consistency
2. Center of Interest
3. Balance
4. Harmony
5. Contrast
6. Directional Movement
7. Rhythm
8. Perspective
Principles in Visual Design - Consistency
1. Consistency of margins,
typeface, typestyle, and
colors is necessary, especially
in slide presentations or
documents that are more
than one pages.
Principles in Visual Design - Center of Interest
2. Center of Interest – an
area that first attracts
attention in a composition.
Principles in Visual Design - Center of Interest
The rule of thirds is a "rule of
thumb" for composing visual
images such as designs, films,
paintings, and photographs.
Principles in Visual Design - Center of Interest
The guideline proposes that an image
should be imagined as divided into
nine equal parts by two equally
spaced horizontal lines and two
equally spaced vertical lines, and that
important compositional elements
should be placed along these lines or
their intersections.
Principles in Visual Design - Balance
3. Balance – it is the
distribution of visual
weight in an artwork.
Principles in Visual Design - Balance
The three types of balance are:
• Symmetrical balance – two
sides are the same
• Asymmetrical balance – two
sides are different but visually
weighted equally
• Radial balance – design
emerges from center point
Principles in Visual Design - Harmony
4. Harmony – it brings
together a composition
with similar units.
Principles in Visual Design - Harmony
Principles in Visual Design - Contrast
5. Contrast – is produced
when two or more visual
elements in a composition
are different. It can be used
to create specific effects,
emphasize the significance of
certain elements, and add
visual appeal to your designs.
Principles in Visual Design - Directional Movement
6. Directional Movement – a
visual flow through the
composition. Like every story,
a design should have a
beginning and an end. The
way a viewer’s eye travels
over the design, the way they
“read” it, is told by
movement.
Principles in Visual Design - Rhythm
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.
Principles in Visual Design - Perspective
8. Perspective –
created through the
arrangement of objects
in two-dimensional
space to look like they
appear in real life.
Types of Camera Shot Sizes
1. Extreme Wide Shot (EWS) 5. Cowboy Shot
2. Long Shot (LS) / Wide 6. Medium Shot (MS)
Shot (WS) 7. Medium Close Up (MCU)
3. Full Shot (FS) 8. Close Up (CU)
4. Medium Long Shot (MLS)/ 9. Extreme Close UP (ECU)
Medium Wide Shot
(MWS)
Extreme Wide Shot (EWS)
•An extreme wide shot (aka extreme long shot -
ELS) is a camera shot that will make your subject
appear small against their location. You can also
use an extreme long shot to make your subject
feel distant or unfamiliar.
Extreme Wide Shot (EWS)

https://georgedavisonstudios.com/wp/wp-content/uploads/2021/02/George-Davison-Studios-Extreme-Long-Shot-1.jpg
Wide Shot (WS) / Long Shot (LS)
•The wide shot (aka long shot) is a camera shot
that balances both the subject and the
surrounding imagery. A wide shot will often keep
the entire subject in frame while giving context to
the environment.
Wide Shot (WS) / Long Shot (LS)

https://s.studiobinder.com/wp-content/uploads/2019/09/Camera-Shot-Guide-Wide-Shot-The-Martian-StudioBinder.jpeg
Full Shot (FS)
•A full shot is a camera shot in film that lets your
subject fill the frame, head to toe, while still
allowing some features of the scenery.
Full Shot (FS)

https://s.studiobinder.com/wp-content/uploads/2019/09/Camera-Shot-Guide-Full-Shot-2-Django-Unchained-StudioBinder.jpg
Full Shot (FS)

https://s.studiobinder.com/wp-content/uploads/2019/09/Definitive-Guide-to-Camera-Shots-Full-Shot-Guardians-of-the-Galaxy.jpeg
Medium Wide Shot (MWS) / Medium Long Shot (MLS)
•A medium long shot (aka medium long shot)
frames the subject from roughly the knees up. It
splits the difference between a full shot and a
medium shot.
Medium Wide Shot (MWS) / Medium Long Shot (MLS)

https://s.studiobinder.com/wp-content/uploads/2019/09/Definitive-Guide-to-Camera-Shots-Medium-Wide-Shot-Usual-Suspects.jpeg
Cowboy Shot
•A variation on this is the cowboy shot, which
frames the subject from roughly mid-thighs up.
Cowboy Shot

https://s.studiobinder.com/wp-content/uploads/2019/09/Camera-Shot-Guide-Full-Shot-2-Django-Unchained-StudioBinder.jpg
Medium Shot (MS)
•The medium shot is one of the most common
camera shots. It's similar to the cowboy shot, but
frames from roughly the waist up and through
the torso. So it emphasizes more of your subject
while keeping their surroundings visible.
Medium Shot (MS)

https://i.ytimg.com/vi/dQV2-6_0ZeY/maxresdefault.jpg
Medium Close Up (MCU)
•The medium close-up frames your subject from
roughly the chest up. So it typically favors the
face, but still keeps the subject somewhat distant.
Medium Close Up (MCU)

https://s.studiobinder.com/wp-content/uploads/2019/09/Camera-Shot-Guide-Medium-Close-Up-Single-Shot-No-Country-for-Old-Men-StudioBinder.jpeg
Close Up (CU)
•The close-up camera shot fills your frame with a
part of your subject. If your subject is a person, it
is often their face.
Close Up (CU)

https://s.studiobinder.com/wp-content/uploads/2019/09/Camera-Shot-Guide-Close-Up-Shot-The-Usual-Suspects-StudioBinder.jpeg
Extreme Close UP (ECU)
•An extreme close-up shot is a type of camera shot
size in film that fills the frame with your subject,
and is so close that we can pick up tiny details
that would otherwise be difficult to see.
Extreme Close UP (ECU)

https://s.studiobinder.com/wp-content/uploads/2019/09/Camera-Shot-Guide-Extreme-Close-Up-X-Men-Days-of-Future-Past-StudioBinder.jpg
Camera Angles and Points of View
1. Bird’s-Eye View
2. High Angle
3. Eye Level
4. Low Angle
5. Worm’s-Eye View
6. Over the Shoulder Shot
7. Dutch Angle
8. Aerial View
Bird’s-Eye View
In photography, bird’s eye view means taking the
photo looking down on something – either straight
down or down at an angle. With this viewpoint,
you can gain dramatic and exciting photos that draw
the viewer in.
Bird’s-Eye View

https://cdn-
ajggd.nitrocdn.com/kMoOFpDlsOVtlYJLrnSRNCQXaUFHZPTY/assets/static/optimized/rev-
9b0736f/wp-content/uploads/2021/05/birdsev-5.jpeg
High Angle
A high-angle shot is when you have the camera
looking down at the subject – it doesn’t matter
how high or low in the axis this is. In short, it’s the
opposite of a low-angle shot.
High Angle

https://cdn-ajggd.nitrocdn.com/kMoOFpDlsOVtlYJLrnSRNCQXaUFHZPTY/assets/static/optimized/rev-9b0736f/wp-content/uploads/2022/08/high-angle-shot-mikhail-nilov.jpeg
Eye Level
The eye-level shot is the most used of all camera
angles. This is because it doesn’t have a particular
effect or impact on the viewer – it offers a familiar
perspective.
Eye Level

https://cdn-ajggd.nitrocdn.com/kMoOFpDlsOVtlYJLrnSRNCQXaUFHZPTY/assets/static/optimized/rev-9b0736f/wp-content/uploads/2022/08/eye-level-shot-rfstudio.jpeg
Low Angle
This camera angle indicates that you’re looking up at the
subject. How low? That depends on what you want to
tell with this shot – but technically speaking, anything
below the eye level of the subject is already a low-angle
shot.
In general, you use this camera shot angle to show the
subject big and powerful or because you want to
include something tall behind your subject in the
frame.
Low Angle

https://cdn-ajggd.nitrocdn.com/kMoOFpDlsOVtlYJLrnSRNCQXaUFHZPTY/assets/static/optimized/rev-9b0736f/wp-content/uploads/2022/08/low-angle-shot-tima-
miroshnichenko.jpeg
Worm’s-Eye View
Worm’s eye view photography is when you take a
photo from a lower angle in relation to the subject.
Since worms live on the ground, their perspective of
the world is always looking up at it.
Worm’s-Eye View

https://cdn-ajggd.nitrocdn.com/kMoOFpDlsOVtlYJLrnSRNCQXaUFHZPTY/assets/static/optimized/rev-9b0736f/wp-content/uploads/2021/09/worms-eye-view-photography-toni-
ivanov.jpeg
Over the Shoulder Shot
An over-the-shoulder shot shows your subject from
behind the shoulder of another character. Because
it emulates perspective, it’s common in conversation
scenes.
Over the Shoulder Shot

https://s.studiobinder.com/wp-content/uploads/2019/09/Camera-Shot-Guide-Over-The-Shoulder-Shot-Westworld-StudioBinder.jpg.webp?resolution=1600,2
Dutch Angle
This is one of the most peculiar types of camera
angles because it’s a point of view that’s
completely unnatural. It doesn’t matter how high or
low the camera is, nor the shot types – a dutch
camera angle is characterized by a tilted horizon.
Dutch Angle

https://cdn-ajggd.nitrocdn.com/kMoOFpDlsOVtlYJLrnSRNCQXaUFHZPTY/assets/static/optimized/rev-9b0736f/wp-content/uploads/2022/08/dutch-angle-andrea-piacquadio.jpeg
Aerial View
The highest camera angle is the aerial view. This
was often called the helicopter shot because the
camera operator was usually in a helicopter to
capture this view.
Aerial View

https://cdn-
ajggd.nitrocdn.com/kMoOFpDlsOVtlYJLrnSRNCQXaUFHZPTY/assets/static/optimiz
ed/rev-9b0736f/wp-content/uploads/2022/08/aerial-shot-leonardo-rossatti.jpeg