16
ELEMENTS Robyn Elliott AND PRINCIPA LS OF DESIGN Graphic

Graphic Design Elements&Principles

  • Upload
    asm2o

  • View
    400

  • Download
    1

Embed Size (px)

Citation preview

Page 1: Graphic Design Elements&Principles

ELEMENTS

Robyn ElliottAN

D PRINCIPALS

OFDESIG

NGraphic

Page 2: Graphic Design Elements&Principles

ELEMENTS“Design is thinking made visual”-Saul Bass

Page 3: Graphic Design Elements&Principles

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

Page 4: Graphic Design Elements&Principles

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

Page 5: Graphic Design Elements&Principles

Shape/FormThis 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.

Page 6: Graphic Design Elements&Principles

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.

Page 7: Graphic Design Elements&Principles

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.

Page 8: Graphic Design Elements&Principles

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

Page 9: Graphic Design Elements&Principles

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

Page 10: Graphic Design Elements&Principles

Balance

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.

Page 11: Graphic Design Elements&Principles

Proximity/UnityThis 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.

Page 12: Graphic Design Elements&Principles

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.

Page 13: Graphic Design Elements&Principles

Repetition/ConsistencyThe 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.

Page 14: Graphic Design Elements&Principles

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

Page 15: Graphic Design Elements&Principles

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

Page 16: Graphic Design Elements&Principles

BibliographyElements Principles 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/201887995766551420/

https://www.pinterest.com/pin/90353536245850223/

hhtp://www.aarkarshandesigns.blogspot.com http://www.studio73.com https://www.pinterest.com/personnegaucher/s

treet-photo/ eggy6227.deviantart.com https://www.pinterest.com/personnegaucher/

street-photo/