ASM20

1. ELEMENTS
Robyn Elliott
AND
PRINCIPALS
OF
DESIGN
Graphic

2. ELEMENTS
“Design is thinking made visual”
-Saul Bass

3. 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.

4. 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.

5. 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.

6. 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 a even
playing field.

7. 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.

8. 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.

9. PRINCIPLES“Art is not what you see, but what you make others
see.” –Edger Degas

10. Balance
This design shows balance by making a abstract version of theYing
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.

11. 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.

12. 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.

13. 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.

14. 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.

15. 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.

16.  http://www.design-is-
fine.org/post/69024342387/josef-
m%C3%BCller-brockmann-poster-
design-for-a
 http://www.impawards.com/2009/avatar.
html
 http://non-art-teacher-
designs.blogspot.ca/2012/01/implied-
free-form-shapes.html
 http://abduzeedo.com/tuesday-total-
textures-125
 http://designbeep.com/2012/08/23/45-
free-cracked-mud-textures-for-your-
designs/
• https://www.pinterest.com/pin/20188799
5766551420/
 https://www.pinterest.com/pin/90353536245850223/
 hhtp://www.aarkarshandesigns.blogspot.com
 http://www.studio73.com
 https://www.pinterest.com/personnegaucher/street-
photo/
 eggy6227.deviantart.com
 https://www.pinterest.com/personnegaucher/street-
photo/