AND

ELEMENTS PRINCIPLES
Graphic
OF
DESIGN
telephone 987 654 321
email [email protected]
website jenniferdevoy.com
 GRAPHIC DESIGN
It is the process of visual communication and
problem-solving through the use of typography,
photography and illustration. ... Graphic
designers create and combine symbols, images
and text to form visual representations of ideas
and messages.
 ELEMENTS

“Design is thinking made visual”

-Saul Bass
 Line
This design piece is a great example
of all the different types and
variations of lines.
This image shows how lines can be
implied or stated, curved or straight
and thin or bold. This image also
well uses the different variations of
lines to create balance and a bit of a
fun chaotic pathway for the eye to
follow.
Colour
In this design colour is used to
make a sense of mystery, as well
as create a focal point.
When you first see this image your
eye jumps straight to the eyes due
to the vibrant green against the
dark cool blue. This contrast also
makes the blue and the black
fade in to give the viewer a feeling
of the unknown.
 Shape/Form
This graphic design piece
shows how we limit shape to
only its geometric form. The
negative space in this design
is used to make the implied
shape of scissors in front of
the positive triangles. This
image includes stated,
implied, organic and geometric
shapes.
Mass/Size In this image mass is used to create
multiple interpretations or ways this
design can be taken.
It can be seen as a
competition or possible
podium, or even as a
timeline of the growth of
the tree. Having all the
trees be on the same level
makes everything more
aligned and organized,
giving the idea of an even
playing field.
Type In this design we can see how the designer used
different variants of text to highlight keywords
and concepts.
The slight misalignment of
each object creates chaos and
removes order, which helps in
the communication of
pushing towards new
unsettling ideas.
This image also shows how
many ways we can edit text,
including colour, underlining,
skewing the text, and
adding shapes behind,
instead of just having a plain
paragraph.
 Texture
Both of these images are of course
examples of implied not real texture, but
they do show the power that texture
(even when implied) can bring to an
image. As you look at the top, you
probably feel a sense of hydration, but as
you see the bottom image that feeling
completely changes to a sense of
dryness, dust and dirt. Both are polar
opposite to each other, but both show
the influence that texture brings to a
design.
“Art is not what you see, but what you make others
PRINCIPLES
see.” –Edger Degas
 Proximity/Unity
This is a great example of how
strong proximity can be. Proximity
and Mass are the two main factors
that play in this optical illusion. The
middle circle in one cluster is
exactly the same size as in the
other, it is just because of the
proximity and size the outer circles
have to the middle that make the
middle circle either seem either
smaller or bigger.
 This design shows balance
by making a abstract
version of the Ying Yang
symbol. It also creates a
great sense of unity (from
the balance and proximity of
the two whales towards
each other), displaying the
idea of harmony in nature.
Balance
Most amateur designers start
off by aligning everything in
the center of the page, but
that’s not the only way.
Again with the “scattered”
looking design, we can see
the alignment of elements
that helps keep the design
balanced.
Alignment Even though there is only a slight difference
between these two images, there is a very
clear, defined difference between the effect
each one gives.
The left has a
uneven, shaken almost
chaotic look, while the
one on the right has a
crisp, even, steady
effect to it showing that
just a slight alignment/
misalignment can
completely change the
whole look and
message of an image.
 Repetition/Consistency
The strong repetition of these street
lamps in this image gives a great
pathway for the eye to follow, starting
at the moon as a focal point. This
whole image shows us the beauty
captured from things we pass by in
our everyday lives, and also sends
our eye straight off of the image
leaving the question of what's down
ahead.
 Contrast
This movie poster shows the
many different ways that contrast
can be used. Contrast is used to
make the coloured main
headlines and focal point pop out
of the black and white
background. And there is also the
contrast between the soft round
edges of the face behind the
sharp clean straight implied lines
in front of it.
 Negative Space
This graphic design piece
shows how negative space can
be used in multiple ways. In
this image the white space is
used to create the negative
implied shape of a mouse, and
to make the positive cat and
text pop out against the white
background behind it.
telephone 987 654 321
email [email protected]
website jenniferdevoy.com
Graphic design is applied in the
entertainment industry in
Differentiate visual
decoration, scenery, and visual graphics from visual
story telling. Other examples of
design for entertainment design.
purposes include novels, comic
books, DVD covers, opening
credits and closing credits in Submit it on yellow
filmmaking, and programs and pad (1 whole)
props on stage. This could also
include artwork used for t-shirts
and other items printed for sale.
 http://www.design-is-  https://www.pinterest.com/pin/9035353624585022
fine.org/post/69024342387/josef- 3/
m%C3%BCller-brockmann-poster-  hhtp://www.aarkarshandesigns.blogspot.com
design-for-a  http://www.studio73.com
 http://www.impawards.com/2009/avat  https://www.pinterest.com/personnegaucher/street-
ar.html photo/
 http://non-art-teacher-  eggy6227.deviantart.com
designs.blogspot.ca/2012/01/implied-  https://www.pinterest.com/personnegaucher/street-
free-form-shapes.html photo/
 http://abduzeedo.com/tuesday-total-
textures-125
 http://designbeep.com/2012/08/23/4
5-free-cracked-mud-textures-for-your-
designs/
• https://www.pinterest.com/pin/201887
995766551420/