Graphic Design Elements&Principles

Download Graphic Design Elements&Principles

Post on 18-Feb-2017



Art & Photos

0 download

Embed Size (px)


PowerPoint Presentation

ElementsRobyn ElliottandPrincipalsof



elementsDesign is thinking made visual-Saul Bass


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.


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.


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.


Mass/SizeIn 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.


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



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.


PrinciplesArt is not what you see, but what you make others see. Edger Degas



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.



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.



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



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.