Principles and Elements of Design
description
Transcript of Principles and Elements of Design
![Page 1: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/1.jpg)
http://www.candcsigns.com/blog/elements-and-principles-design
Principles and Elements of Design
![Page 2: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/2.jpg)
http://www.paper-leaf.com/blog/2011/02/elements-of-design-quick-reference-sheet/
![Page 3: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/3.jpg)
The path of a moving point at the edge of a flat shape or outline of a solid object is a line. It is a mark that spans a distance between two points. Lines are most often used to define shape in two-dimensional work. They can also define contours and outlines and sometimes also suggest mass and volume. A line is longer than it is wider. The ratio between a line's width and length is called its measure.
Types of linesOutlines – Lines made by the edge of an object or its silhouette.Contour Lines – Lines that describe the shape of an object and the interior detail.Gesture Lines – Lines that are energetic and catches the movement and gestures of an active
figure.Sketch Lines – Lines that captures the appearance of an object or impression in place.Calligraphic Lines – Greek word meaning “beautiful writing”. Precise, elegant handwriting or
lettering done by hand. Also, artwork that has flowing lines like elegant handwriting.Implied Lines – Lines that are not actually drawn but created by a group of objects seen from a
distance. The direction an object is pointing to or the direction a person is looking at. Implied line is the path that the viewer's eye takes as it follows shapes, colors, and form along a path, but it may not be continuous or physically connected.
Different lines have different meanings and uses. Horizontal lines imply tranquility and rest, whereas vertical lines imply power and strength. Oblique lines imply movement, action and change. Curved lines or S shaped lines imply quiet, calm and sensual feelings. Lines that converge imply depth, scale and distance - a fence or roadway converges into the distance provides the illusion that a flat two-dimensional image has three-dimensional depth. A line is an effective element of design because it can lead the viewer's eye.
Line
![Page 4: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/4.jpg)
Value is the range of lightness and darkness within a picture. These range from white to black with numerous shades of gray in between. Value is directly related to contrast. It is created by a light source that shines on an object creating highlights and shadows. It also illuminates the local or actual color of the subject. Value has the ability to create depth by making objects look three-dimensional or highlighting lighter, foreground aspects and receding as it hits the background.
![Page 5: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/5.jpg)
Jean Metzinger - "Sailboats", 1912
![Page 6: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/6.jpg)
Black and White Eye – artist unknown
![Page 7: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/7.jpg)
Uncredited image from the internet and a lost source.
![Page 8: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/8.jpg)
Alistair Boddy-Evens
![Page 9: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/9.jpg)
Color is: A property of light Visible when light is emitted or reflected Determined by the wavelength of light Additive color is created from emitted lightSubtractive color is created from light reflecting off a pigmented surface.The three properties of color are hue, value and saturation.
Color
![Page 10: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/10.jpg)
Color WheelP
P
P
S
S
S
T
T
TT
TT
![Page 11: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/11.jpg)
Hue refers to the pure state of a color; it is the name we give a color, such as red or blue. Value refers to the lightness or darkness of a color.Saturation, also referred to as intensity or chroma, refers to the brightness or dullness of a color.
Properties of Color
![Page 12: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/12.jpg)
![Page 13: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/13.jpg)
![Page 14: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/14.jpg)
![Page 15: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/15.jpg)
![Page 16: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/16.jpg)
![Page 17: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/17.jpg)
![Page 18: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/18.jpg)
![Page 19: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/19.jpg)
http://www.paper-leaf.com/blog/2010/01/color-theory-quick-reference-poster/
![Page 20: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/20.jpg)
Space
![Page 21: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/21.jpg)
Space, in two-dimensional design, is essentially flat; it has height and width, but no depth. There are certain visual cues, however, that can create the illusion of space in the mind of the viewer. By using those cues, artists and designers can create images that are interpreted as three-dimensional.
![Page 22: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/22.jpg)
Size is one of the easiest ways to create the illusion of space. A larger image will appear closer than a smaller one because we observed (very early in life) that objects appear to become smaller as they get farther away.
![Page 23: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/23.jpg)
Overlapping is another easy way to suggest depth in an image. The viewer perceives the one that is covering parts of the other to be in front and the one that is covered to be in the back.
![Page 24: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/24.jpg)
Compositional location refers to where a form is positioned vertically in the image. The bottom is seen as the foreground; the higher an object is placed in the image, the farther back it is perceived to be.
![Page 25: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/25.jpg)
Atmospheric perspective uses value, contrast and color to give the illusion of space. Atmospheric perspective is based on the fact that the farther something is away from us, the more the atmospheric haze may obscure our view of it. Increasing the bluish cast of an image also creates a sense of depth because cool colors recede and warm colors come forward.
![Page 26: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/26.jpg)
Linear perspective is based on the visual phenomenon that as parallel lines (such as railroad tracks) recede into space, they appear to converge at a distant point, creating depth; it also creates a strong focal point at the place where the lines converge.
![Page 27: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/27.jpg)
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, color, or texture.[ All objects are composed of shapes and all other 'Elements of Design' are shapes in some way
Shape
![Page 28: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/28.jpg)
• Can be described using mathematical terms
• They are very regular or precise• They are more often found in man-
made things because they are easier to reproduce and make things with
• Examples of geometric shapes are: squares, rectangles, triangles, circles, oval, pentagons and so on.
Geometric Shapes
![Page 29: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/29.jpg)
• are difficult to describe using definitions• are irregular or uneven• are more often found in nature• examples could include the shape
of clouds, puddles, trees, leaves, rocks and so on.
Free-form or Organic Shapes
![Page 30: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/30.jpg)
In most forms of art shapes may be considered positive or negative depending on how they are used. Positive shapes are usually those which are the subject matter within a work of art. Negative shapes (or space) are those in the background or around the positive shapes. By viewing images as silhouettes, it is easier to understand what the positive shapes and the negative shapes are. See if you can identify the positive and negative shapes (space) in the silhouette images below
Positive and Negative Shapes
![Page 31: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/31.jpg)
Silhouettes
![Page 32: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/32.jpg)
![Page 33: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/33.jpg)
![Page 34: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/34.jpg)
![Page 35: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/35.jpg)
![Page 36: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/36.jpg)
![Page 37: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/37.jpg)
![Page 38: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/38.jpg)
![Page 39: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/39.jpg)
![Page 40: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/40.jpg)
![Page 41: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/41.jpg)
![Page 42: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/42.jpg)
![Page 43: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/43.jpg)
http://www.paper-leaf.com/blog/2012/10/principles-of-design-quick-reference-poster/
![Page 44: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/44.jpg)
Means the way a surface feels or is perceived to feel. Texture can be added to attract or repel interest to an element, depending on the pleasantness of the texture
Texture
![Page 45: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/45.jpg)
Tactile texture is the actual three-dimension feel of a surface that can be touched. Painter can use impasto to build peaks and create texture.
* in English, the borrowed Italian word impasto most commonly refers to a technique used in painting, where paint is laid on an area of the surface (or the entire canvas) very thickly, usually thickly enough that the brush or painting-knife strokes are visible. Paint can also be mixed right on the canvas. When dry, impasto provides texture, the paint appears to be coming out of the canvas.
![Page 46: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/46.jpg)
Visual texture is the illusion of the surfaces peaks and valleys, like the tree pictured. Any texture shown in a photo is a visual texture, meaning the paper is smooth no matter how rough the image perceives it to be.
Most textures have a natural feel but still seem to repeat a motif in some way. Regularly repeating a motif will result in a texture appearing as a pattern.
![Page 47: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/47.jpg)
![Page 48: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/48.jpg)
![Page 49: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/49.jpg)
![Page 50: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/50.jpg)
![Page 51: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/51.jpg)
![Page 52: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/52.jpg)
![Page 53: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/53.jpg)
![Page 54: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/54.jpg)
![Page 55: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/55.jpg)
SIZE is about the bigness or smallness of an area. SIZE can give space, it can make closer objects appear larger and make distant objects appear smaller. SIZE can be given by comparing one element that is larger or smaller than the other. SIZE can make a particular element look important
Size
![Page 56: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/56.jpg)
![Page 57: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/57.jpg)
![Page 58: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/58.jpg)
![Page 59: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/59.jpg)
![Page 60: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/60.jpg)
![Page 61: Principles and Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062315/5681657b550346895dd811b8/html5/thumbnails/61.jpg)