Design Elements and Principles Book

Page 1


the

Elements Tone Point Type Line Colour Shape Texture Form


the

Principles Cropping Scale Figure Ground Balance Contrast Pattern Proportion Hierarchy



Tone Tone is light and dark, Light reveals and shows us the world around us, were as shadow gives meaning to the things around us as well as what we see. Tone give solidity, volume and weight to an image, tone also gives the impression of distance with dark and light for example darkness comes forward were as light goes back in the background. Tone gives emotion to the image such as highly contrasting tones can give life and energy to an image, were as softer tones gives you a gentle mood to the image. Tone also can give property to a colour such as yellow is light and purple is dark. Tone in sculpture is the way it catches the light in the dark seeping corners of the sculpture, as well gentle tones by smooth gradual changes to the sculpture, tone can also give life to images and sculptures with all the different tones, dark tones can give sadness to the image were as light can brighten the mood to the image and sculpture.


You can create different tones by concentrating more dots in one area to make it darker or lighter

My example of a point on a map


Point

Point is the simplest element of visual design. Point can serve as the focus of a visual, highlighting or drawing attention to important information.

Point can be used on maps to show where you are

The light city clementine tantet Pointillism is a technique of painting that uses small, distinct dots to form an image



Type. The definition of type is a picture of the words we use and put the words on paper. You can get type in any font styles, it can be part of a logo or combined with other elements to having different options allows a designer to make different font styles but still have some consistency in their work. Every font style has different type, here are some examples, condensed bold, condensed black, ultra-light, ultra-light italic, light, light italic, regular, roman, italic, extended or combined styles. Typeface is sometimes mistaken for font, but they are different. The term font is one of the typeface family, like for example, roman, bold or italic. Typeface is a visual appearance or style of, like helvetica or new times roman. Typefaces can be divided into two main categories serif and sans serif. Type can be used for anything like on a map, you put all the names of the places to look like Australia or streets, you have all the names bundled up together, but it still looks good and is in the right spot.

By Louise Bentley.


These series of lines have been drawn to create shape. If you look closely, it looks like they are 3D, but it is only the way that these lines have been drawn that create this illusion. It is drawn with lots of continuous, thin lines.

This drawing of a horse is created by using mainly thin, curved lines.

Architectural building plans and drawings use lots of different types of lines. As you can see here, they have used thick lines for walls, thin lines for windows, doors, furniture and appliances. It is predominately created using straight lines, but opening doors are drawn with curved lines too.


Line

Line is a continuous mark made, drawn or created on a surface. Lines can be curved or straight, wavey or zigzag, thick or thin, continuous or broken, and many other different ways. Continuous lines are line where you don’t take the pen off the paper. e.g. ______________ Broken lines are lines that have one or more breaks in them. e.g. __ _ ____ _ OR ______ __ Lines are everywhere. Almost everything you see is made up of lines. Lines can be used to create a shape, they can be used for shading, for creating texture and tone, and also for architectural drawing.

This is a photo of a florescent ceiling light. If you look at it closely it has lots of little lines on it, as well as being a line itself. This is a broken line, as it has a break in the middle.

Line graphs show the change of one thing over time. These graphs are almost entirely made up


Type Type is a way to communicate our thoughts and ideas to others and can be used in different fonts and sizes to express the feeling in the writing. Type can be found and or used on many things; logos can be found with type on them or the logo could just be type to create some nice\decorative image to emphasise a purpose. Type can be used for pretty much everything and there are no rules to how you use it; it can be done it any style, font, size, picture and sometimes language. Everybody has different handwriting, which shows how type can be used, different fonts and sizes.


Line

Line is a mark made on a surface. The lines can vary in appearance: curved, straight, irregular and in thickness, weight and style. A line a can be continuous, broken, roughly or smoothly created and even finely drafted. Line is often incorporated with other elements. Line can also be used to create shape and depending on what tool they are using they can change the form, tone and texture.

3D In three- dimensional thick continuous lines are used to show the visible lines whilst thin lighter lines are used to show the hidden details.

This picture was chosen because it shows that not all lines are straight. This picture also goes from dark to light and thick to thin.

In this picture the darker lines are used to show the outlines of each object whilst the thin lighter objects show the detail and add shape to the objects.

Rendering techniques such as crosshatching or contour hatching all use line to show the form and tone of the object being designed. Line can create texture and pattern and is used 0


Colour affects readability, eye strain and attracts attention. This makes choosing colours for signs, websites and other marketing media important and must be chosen carefully. For example, the colors red and orange makes food more attractive.

(To the right: Standard colour wheel with the primary and secondary colours)

The Old Guitarist by Pablo Picasso. The blues of the painting convey a feeling of melancholy.


Colour

Colour has the ability to influence a person’s mood and emotions, making it one of the most powerful design elements. It makes the reader aware of what they see, as our eyes are attracted to colour before imagery.

Seascape in Warm Colours and Cicular Sky Pattern by Trine Meyer-Vogsland The warm colour scheme achieves the dwindling light of twilight.)



Colour Colour COLOUR is an element of design with endless variety, colours are everywhere. COLOUR is a mixture of 3 primary colours, red, yellow and blue. SECONDARY COLOURS are a mix of 2 primary colours, orange, green and purple. TERTIARY COLOURS are a mix of the 3 primary colours, red, yellow and blue. Many different colours can be made by changing the amount of primary colours used. Colour has TEMPERATURE – reds and oranges feel warm like the sun or desert. Cooler colours like blues and greens go more with water and ice. INTENSITY of colour is its strength and purity. HUE is the quality that separates one colour from another. TONE VALUE is the degree of lightness or darkness of a colour, yellow is light, blue is dark. TINTS are made by adding white to a colour. SHADES are made by adding black to a colour. ANALOGOUS COLOURS are hues lying near each other on the colour wheel, red-orange, red-purple. COMPLIMENTARY COLOURS are hues opposite each other on the colour wheel, red and green, purple and yellow. DISCORD is where opposite colours are together and one is a tint, so that the original tone of the hue is different.

I picked these pictures because they looked cool and i like them because the reminded me of when i was little and use to paint,, in a way. But the colour wheel is just there on the page so you have an idea of what a colour wheel is.


The sign of the traffic light: this is both an organic and geometric shape, but mostly geometric. The writing in the sign is organic because, does not have clean edges. The picture of the traffic light is geometric because it is circles and a rectangle. Those shapes are both geometric.

Picture of cloud; this an organic shape. It has hand drawn and curvy lines.

Geometric shapes have clean edges whereas these lines are less defined edges.


Shape A shape is an element of art. It is an enclosed space, the boundaries of which are defined by other elements of art (i.e.: lines, colours, values, textures, etc.). Shapes are limited to two dimensions: length and width. Shapes can be Geometric or Organic. Geometric shapes- Are circles, rectangles, squares, triangles (etc.) They have the clear edges, not hand drawn or wiggly lines. Examples of geometric shapes: •Circle (pizza pie, cookies, and wheels of a bike) •Square (a garage, square rubber stamps, and tiles on the floor) •Triangle (a slice of pizza, a slice of cheese cut in that shape, a sandwich cut in half diagonally) •Rectangle (apartment buildings, hopscotch board, certain cell phones) •Pentagon (The Pentagon, the designs found on soccer balls) •Hexagon (ice crystals, some snowflakes) •Octagon (stop sign, some umbrellas) •Decagon (certain collectors coins) Organic shapes- Have natural, less well-defined edges (think: leaves or a cloud). Organic shapes are shapes with a natural look and a flowing and curving appearance. Examples of organic shapes include the shapes of leaves, plants, and animals.

The batman symbol: The yellow outside of the shape is a geometric shape, because it as oval and it has clean edges. The shape that is inside of the yellow shape is organic. It has less defined edges then a geometric shape.

The Geelong Football logo: The geelong logo is an organic shape. It has a face of a cat which automatically means its an organic shape. Many of there lines are curvy and don’t have well defined lines. Its very nautral looking.


Shape is used here to make cartoon characters.

Shape is used to halp make things we use in everyday life.


Shape A shape is defined as an area that stands out from the space next to or around it due to a defined or implied boundary, or because of differences of value, colour, or texture. A shape is formed when a line encloses an area. Shapes can vary endlessly and can suggest physical form and direct eye movement.

Shape is used to make logos

It is also used to make signs like if a toliet is a girl or boy and like where to camp.

Shape is used in maths to help you out in a problem or find out the area.


Example:

These feathers from a bird are a form of texture as you can see the softness of the birds wings

So as you can see texture is all around us and apart of are live, texture could be wood/bark, snake skin or even birds feathers so now you know what texture is.


Texture

Texture is the surface quality of an object it also describes the visual look of an object and how a substance feels. Texture is the appearance of an object and with out texture the world would be plain and with out feel.

Example:

This tree is an example of texture because you can see the trees bark and how it’s all dried up.

Example:

With out texture this snake would be smooth and not scaly so as you can really big part of are life.

see texture is a

Texture is in are every day life its in the trees its in are hands its just every were you look and every were you go there will all ways be texture


This image of a two-dimensional Hexagon looks like a three-dimensional Cube using colour

This Illusion shows how colour and line can make things look concave or convex

This image of the Griest Building is an example of Form.


Form

The design element Form is a three-dimensional shape either as an illusion on a page or as a statue. You can tell if an object has form if it has Height, Width, and Depth. Form can be created on paper commonly by using black & white shading (Right image), Line (Below), and Colour (2nd Page, top right).

This image of a two-dimensional hexagon looks like a three-dimensional Cube using Line

This illusion shows how shading can make things look concave or convex


The image on the right is the original image and the image on the left is the same image after it has been cropped.

This photo hasn’t’ been cropped yet but you can see the square that focuses on the main part of the photo and eliminates unwanted details.


Cropping

Cropping is created by repositioning borders. This is usually done by using a viewfinder or frame. Using cropping can create a more dynamic feel to a piece of work and can eliminate unwanted detail The rule of thirds is a basic rule in photography and graphic design. Use the rule of thirds to compose a photograph or place important objects on a canvas. Imagine a grid laid out on top of your image, dividing your photo in thirds horizontally and vertically. Position important objects at the intersections of the lines.

This is two pictures. The bottom one is the original and the top has been cropped using the rule of thirds.


Another example: The two trees at the front look taller then the building and trees at the back but they are actually the same size, this is affected by the placement of the image, the two trees at the front look taller because they are at the front of the picture which gives you the illusion that they are taller.

Example: This picture shows normal household objects larger then they should be.


Scale

Scale can make a big influence to an image such as when it is used in a manner, which is unusual it can grasp the attention of the viewers. Scale refers to the relationship of two or more objects around it, making it look larger then it should be were as it is actually smaller than that object.

For example: This image shows the tree is as tall as the building, but in reality it is actually smaller,

this is affected by the angle of the image.



Figure-Ground. Figure-ground are shapes that have a simple background. The figure, sometimes known as the positive space, is the image or images that are visually dominant on the ground, so that is the main thing you look at. The ground, is sometimes called the negative space or the background, is the surrounding area that the figure images or images is placed on. An image can be figure dominant or ground dominant.

By Louise Bentley.


This photo of a hand is a good example of asymmetry. No matter what way you try to break it down the middle, it isn’t the same on both sides.

As you can see this photo of the inside of this train has symmetrical balance. Even though there is a male on one side, a female on the other, and they are sitting it slightly different positions, it does not matter because it is basically the same on both sides.

This photo of the Taj Mahal is almost exactly symmetrical. If you split it vertically down the centre, it would just about be exact on both sides.


Balance

There are two sorts of balance - symmetrical balance and asymmetrical balance. Symmetrical balance is when you can split something down the exact centre, and it is the same on both sides. It does not have to be identical, or mirrored on either side, but rather have basically the same on both. It has to have the same sort of shapes and patterns, etc. Asymmetrical balance is the opposite. When one half of the picture/item/etc. is completely different to the other, and you cannot split it evenly into two.

All butterflies are symmetrical. I created this one by painting half of one, and then folding it over so that the paint goes onto the other side, to create a symmetrical shape. This works with anything. This butterfly, if you divide it vertically down the centre, it is the same on both sides, even though there is slightly less paint on the flipped side.

The number 5 is asymmetrical. It is curved in some places, and straight in others, and there is no way that you could evenly split this shape.


This iPod ad that uses contrast. The black girl contrasts with the bright green of the background.

It is useful in attracting the target audience and leading their eye through the art, making visual communication more effective. A contrasting colour scheme can make something stand out and more noticeable, contrasting font can assist in seperating information.

Shapes and colour contrast


Contrast

Contrast is when two elements with opposite qualities are put together to create a dynamic composition, like strong and weak. Contradicting elements such as black and white, thick and thin lines, or organic and geometric shapes are examples of contrast.

(To the left: Untitled Contrast Day Nite by Rene Avalos This artwork uses both contrasting colour and contrasting lines.)

Contrast with colour and text


i choose these picture because most of them mean something to me.


Contrast (noun) - A principle of art, contrast refers to the arrangement of opposite elements (light vs. dark colours, rough vs. smooth textures, large vs. small shapes, etc.) in a piece so as to create visual interest, excitement and drama. The colours white and black provide the greatest degree of contrast. Complementary colours also highly contrast with one another. Contrast is the difference between one thing or object to another. The more different or opposite something is in comparison with something else determines the level of contrast. Black ink against a white background is the maximum high contrast being complete opposites. Low contrast is something that is similar but not completely alike such as light grey against white or dark grey against black with pure grey lying in the centre of the scale. Contrast can also be in shapes, colours, patterns, or shades. In art contrast brings definition and depth to a piece of art work. Contrast allows something to be defined or hidden of which the artist gets to decide. The important thing about contrast is that the elements should be completely different. Not just a little bit different.


l its colours are in a pattern. The picture is also a chequered e and the pattern is a colour square then a white square.

H N H N H N H N H N H H N H N H N H N H N H N H N H N H N H N H N N H N H N H N H N H N

ample shows that the pattern is the H and N repeating itself ter the other.

tself

ample shows that the pattern is repeating the shapes nd over.

ddi Wight 90

it. ered .

The colourful chequered picture has more than one pattern in it. First all its colours are in a pattern. The picture is also a chequered picture and the pattern is a colour square then a white square.

My example shows that the pattern is the H and N repeating itself one after the other.

H N H N H N H N H N H N H N H N H N H N H N

My example shows that the pattern is repeating the shapes over and over.


Pattern

r and over. It can repeat itself in many spiral, and many other lines. The ours, Itpisictures and images. a recurring decorative design. It will repeat the design over and over. It can repeat itself in many dif-

ferent ways. It can reoccur in horizontal, diagonal, vertical, spiral, and many other lines. The pattern can be formed by many things like objects, words, colours, pictures and images.

ng e.

green wall paper e it is The repeating is a pattern because, it is repeating the flower type shape over and over in a horizontal line. ttern because

attern in it. a chequered This black and white spiral picture is a pattern because it is repeating e square. the spiral pattern. The colour of the lines are also a pattern because it goes white, black, white and the pattern continues.

eating itself


This image shows how important proportion can be

There are two differences in proportion between these two photos. See if you can find them all


Proportion Proportion is similar but not the same as scale. Proportion is about if an object is the right size compared to the other objects around it. This can be very important when drawing because out-of-proportion objects can look very odd.

This image shows how useful proportion can be to show scale. This image is out of proportion

__________

mmmmmmmmmmmmmm

This image uses that it is out of proportion to display a message.


Leongatha Secondary College Year 9 Design World 2013


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.