LAYOUT, GRAPHIC

DESIGN,
& ILLUSTRATION IN
PRACTICAL USE
CHRISTIAN PAOLO T. ALAMANI
What will we discuss…
 FUNDAMENTALS
LAYOUT AND COMPOSITION
TYPOGRAPHY
COLOR
IMAGES / ILLUSTRATION
The fundamentals of design are
the basis of every visual
medium.
line shape form

texture balance
Line
Lines are also common in text
compositions.

o adds emphasis

o divide/organize content

o guide the viewers’ eye

When working with lines, pay
attention to:

weight color texture style

Shapes
Shapes
 light

shadow

t i v e
pec
pers
Texture is the physical quality
of a surface. Adding texture in
design makes objects look hard,
soft, rough or smooth.
Balance is the equal distribution
of visual weight.
Layout and Composition are the
foundations of design. They
give your work structure and
make it easier to navigate.
5 Basic Principles in layout &
Composition:

 Proximity
 White Space
 Alignment
 Contrast
 Repetition
Proximity is all about using
visual space to show
relationships in your
content.
White Space or Negative
Space is the space between
your content, between lines,
and on margins.
White space helps you
define different sections and
gives your content room to
breathe.
Alignment
Contrast simply means that
one item is different from
another.
 Repetition
“Consistency”
Typography
- style or appearance of
text
- the art of working with
text
Common Types of Fonts

Serif
Sans Serif

Display fonts
Kerning
Leading
Tracking
Hierarchy
Kerning is the
space between
specific characters
Leading is the space
between lines of text.
Also known as “line
spacing”.
Tracking is the
overall spacing
between characters.
Also known as
“character spacing”.
Hierarchy is used to
guide the reader’s
eye to whatever is
important.
color wheel
Hue
Saturation
Value
 images &
illustrations
 images should be in high
quality
 images/cliparts should be
in PNG format if
possible
 consistency
 following social content
guidelines
 images should be in high
quality
 images/cliparts should be
in PNG format if
possible
 consistency
 following social content
guidelines
 images should be in high
quality
 images/cliparts should be
in PNG format if
possible
 consistency
 following social content
guidelines
 images should be in high
quality
 images/cliparts should be
in PNG format if
possible
 consistency
 following social content
guidelines
Thank you! :)