graphic design elements&principles
TRANSCRIPT
![Page 1: Graphic Design Elements&Principles](https://reader035.vdocuments.net/reader035/viewer/2022062306/58a839ec1a28ab30658b4df7/html5/thumbnails/1.jpg)
ELEMENTS
Robyn ElliottAN
D PRINCIPALS
OFDESIG
NGraphic
![Page 2: Graphic Design Elements&Principles](https://reader035.vdocuments.net/reader035/viewer/2022062306/58a839ec1a28ab30658b4df7/html5/thumbnails/2.jpg)
ELEMENTS“Design is thinking made visual”-Saul Bass
![Page 3: Graphic Design Elements&Principles](https://reader035.vdocuments.net/reader035/viewer/2022062306/58a839ec1a28ab30658b4df7/html5/thumbnails/3.jpg)
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](https://reader035.vdocuments.net/reader035/viewer/2022062306/58a839ec1a28ab30658b4df7/html5/thumbnails/4.jpg)
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](https://reader035.vdocuments.net/reader035/viewer/2022062306/58a839ec1a28ab30658b4df7/html5/thumbnails/5.jpg)
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](https://reader035.vdocuments.net/reader035/viewer/2022062306/58a839ec1a28ab30658b4df7/html5/thumbnails/6.jpg)
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](https://reader035.vdocuments.net/reader035/viewer/2022062306/58a839ec1a28ab30658b4df7/html5/thumbnails/7.jpg)
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](https://reader035.vdocuments.net/reader035/viewer/2022062306/58a839ec1a28ab30658b4df7/html5/thumbnails/8.jpg)
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](https://reader035.vdocuments.net/reader035/viewer/2022062306/58a839ec1a28ab30658b4df7/html5/thumbnails/9.jpg)
PRINCIPLES“Art is not what you see, but what you make others see.” –Edger Degas
![Page 10: Graphic Design Elements&Principles](https://reader035.vdocuments.net/reader035/viewer/2022062306/58a839ec1a28ab30658b4df7/html5/thumbnails/10.jpg)
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](https://reader035.vdocuments.net/reader035/viewer/2022062306/58a839ec1a28ab30658b4df7/html5/thumbnails/11.jpg)
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](https://reader035.vdocuments.net/reader035/viewer/2022062306/58a839ec1a28ab30658b4df7/html5/thumbnails/12.jpg)
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](https://reader035.vdocuments.net/reader035/viewer/2022062306/58a839ec1a28ab30658b4df7/html5/thumbnails/13.jpg)
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](https://reader035.vdocuments.net/reader035/viewer/2022062306/58a839ec1a28ab30658b4df7/html5/thumbnails/14.jpg)
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](https://reader035.vdocuments.net/reader035/viewer/2022062306/58a839ec1a28ab30658b4df7/html5/thumbnails/15.jpg)
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](https://reader035.vdocuments.net/reader035/viewer/2022062306/58a839ec1a28ab30658b4df7/html5/thumbnails/16.jpg)
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/