VISUA

L
Information
and Media
Prepared by:
Ms. Kathleen L. Cabahug, LPT
Learning Objectives

01 02
Identify the different visual Comprehends how visual
file types; information and media is/are
formally and informally produced,
organized, and disseminated;

03
Produces a creative visual-
based presentation using
design principle and
elements.
 Common
Visual File
Types
 Image Formats Cheat Sheet - All you need to know about JPEGs, TIFFS, GIFs, PNGs & BMPs - M
ake A Website Hub

01
Image Formats Cheat Sheet - All you need to know about JPEGs, TIFFS, GIFs, PNGs & BMPs - M
ake A Website Hub
 Image Formats Cheat Sheet - All you need to know about JPEGs, TIFFS, GIFs, PNGs & BMPs - M
ake A Website Hub

02
Image Formats Cheat Sheet - All you need to know about JPEGs, TIFFS, GIFs, PNGs & BMPs - M
ake A Website Hub
 Image Formats Cheat Sheet - All you need to know about JPEGs, TIFFS, GIFs, PNGs & BMPs - M
ake A Website Hub

03
Image For
mats Chea
t Sheet - Al
l you need
to know ab
out JPEGs,
TIFFS, GI
Fs, PNGs
& BMPs -
Make A We
bsite Hub
 Image Formats Cheat Sheet - All you need to know about JPEGs, TIFFS, GIFs, PNGs & BMPs - M
ake A Website Hub

04
Image For
mats Chea
t Sheet - Al
l you need
to know ab
out JPEGs,
TIFFS, GI
Fs, PNGs
& BMPs -
Make A We
bsite Hub
 Image Formats Cheat Sheet - All you need to know about JPEGs, TIFFS, GIFs, PNGs & BMPs - M
ake A Website Hub

05
Image Formats Cheat Sheet - All you need to know about JPEGs, TIFFS, GIFs, PNGs & BMPs - M
ake A Website Hub
ELEMENTS
of
Visual Design
 LINE
• The most basic visual design
element is the line. In graphic
design, a line is defined as a
connection between two
strokes. Lines are the building
blocks of other visual design
elements like shapes. 

The Visual Design Elements and Principles That Make Good Design (flux-academ
SHAPES
• Shapes are another basic
visual design element that
typically form the core of
any design piece. Shapes
are two-dimensional, self-
contained areas. We
typically think of shapes as
geometric circles and
rectangles, but they come
in all forms imaginable.

The Visual Design Elements and Principles That Make Good Design (flux-academ
 VALUE

● Value describes the

lightness or darkness of
a color. This element is
important in visual
design because the
juxtaposition between
light and dark values
creates contrast.

The Visual Design Elements and Principles That Make Good Design (flux-academ
TEXTUR
E
• Texture describes the look
or feel of the surface of an
object. Tactile textures are
textures we can feel, such
as soft fur or rough
sandpaper. In visual
design, we're mostly
concerned with implied
textures, which are
textures we can see.
The Visual Design Elements and Principles That Make Good Design (flux-acade
y.com)
 COLOR
• Color is a fundamental
visual design element that
needs little explanation.
Color can be used to
establish a particular look
and feel. In addition to
setting a mode and tone
and bringing out certain
emotions, color also
contributes to contrast,
variety, harmony,
repetition, and space. 
The Visual Design Elements and Principles That Make Good Design (flux-academ
FORM
• Form, or volume, refers to
three-dimensional objects
in a design. Since visual
design is a 2D form of
design, the only type of
volume visual designers use
in design is volumetric
illusion. In other words,
visual designers can create
the illusion of volume
through 3D shapes and
graphics.

The Visual Design Elements and Principles That Make Good Design (flux-academ
PRINCIPLES
of
Visual Design
CONSISTEN
CY
• The importance of consistency in
visual design cannot be
overstated. In a nutshell, visual
consistency creates trust. This
makes repetition in design
especially important for branding,
the goal of which is to establish
trust and customer loyalty. On a
smaller scale, repetition is also
used in visual design to create
patterns. Patterns are a fun way to
liven up a design and help it stand The Visual Design Elements and Principles That Make Good Design (flux-acade
y.com)
out
 BALANCE

● Visual equality in
shape, form, value,
color, etc.
● It can be symmetrical
and evenly or
asymmetrical and
unevenly balanced
 RHYTH
M
• a movement in which
some elements recur
regularly
• like a dance, it will
have a flow of objects
that will seem to be
like a beat of music
CENTER OF INTEREST

• An area that first

attracts attention in
a composition.
• It is can be
achieved by
contrast of values,
more colors, and
placement.
DIRECTIONAL
MOVEMENT
• Movement refers to both the flow of a
design piece, as well as design elements
that literally appear to be in motion.
• In terms of flow, movement is related to
hierarchy in that it directs the eye on where
to look and in what order.
• In certain contexts, creating the illusion of an
object in motion can be highly effective in
communicating or amplifying a message.
This illusion can be created through
transparency, lines, and blur effects.
The Visual Design Elements and Principles That Make Good Design (flux-acade
y.com)
CONTRAST
• In design, contrast refers to when
adjacent elements have differing
qualities that make them stand out
against each other. Contrast is created
through color, size, or shape. One of
the most important roles of contrast in
graphic design is to improve legibility.
• Contrast is also used to draw attention
to specific visual design elements. In
web design, for example, high color
contrast is often used to make
important buttons stand out. The Visual Design Elements and Principles That Make Good Design (flux-acade
y.com)
HARMO
NY
• Harmony creates a
feeling of unity and
completeness in a
design. Without
harmony, designs look
disjointed and
confusing. Since the
purpose of design is to
visually communicate a
message, harmony is
essential. The Visual Design Elements and Principles That Make Good Design (flux-academ
y.com)
 PERSPECTI
VE
• Created through the
arrangement of objects
in two dimensional
space to look like they
appear in real life.
• Learned meaning of the
relationship between
different objects seen in
space.
DOMINANCE
• Most visual designs have a
dominant element that draws
and holds the viewer's
attention the longest. Thus, the
role of dominance in design is
to tell viewers what to focus on
in a design. Dominance is
established in design through
hierarchy, color, scale, or
texture. 
The Visual Design Elements and Principles That Make Good Design (flux-academ
y.com)
Thanks
Do you have any
questions?