elements of design

27

Upload: jennifer-janviere

Post on 28-Jan-2015

23.922 views

Category:

Design


0 download

DESCRIPTION

A presentation about the essential elements that comprise the building blocks of graphic design.

TRANSCRIPT

Page 1: Elements of Design
Page 2: Elements of Design

The elements of design are the fundamental building blocks of any composition. These pieces work together to form a unified composition, and when utilized successfully, create a strong, dynamic visual layout. The designer uses these elements as tools that control how a message is delivered to an audience. These principles can be applied to fine art, photography and graphic design.

The Elements of Design Why are These Elements Important to Design?

Page 3: Elements of Design

Line: One of most important element of design, line defines a subject’s form or shape on a flat, two-dimensional surface. Lines can be thick or thin, smooth or jagged, rigid and mechanical or organic and hand drawn. The quality of a line has the ability to express psychological characteristics of a composition to an audience.

The Elements of Design Line

Page 4: Elements of Design

Line: One of most important element of design, line defines a subject’s form or shape on a flat, two-dimensional surface. Lines can be thick or thin, smooth or jagged, rigid and mechanical or organic and hand drawn. The quality of a line has the ability to express psychological characteristics of a composition to an audience.

The Elements of Design Line

Page 5: Elements of Design

Line: One of most important element of design, line defines a subject’s form or shape on a flat, two-dimensional surface. Lines can be thick or thin, smooth or jagged, rigid and mechanical or organic and hand drawn. The quality of a line has the ability to express psychological characteristics of a composition to an audience.

The Elements of Design Line

Page 6: Elements of Design

Also called positive and negative shapes. The actual shapes in a composition are called “positive/ figure shapes.” The shape that is created as the white space flows around the forms on a page is referred to as “ground or negative space.” White space on a page helps the eye to flow through a composition and can help to develop visual interest in a composition.

The Elements of Design Figure and Ground

Page 7: Elements of Design

Scale refers to refer to the size of elements in a composition. Proportion refers to the relative size of objects in relation to each other. Size only takes on meaning when compared to other objects of different sizes.

The Elements of Design Scale and Proportion

Page 8: Elements of Design

Another way to talk about scale is to consider the size and scale of elements within a design or pattern. In this case, proportions of elements to each other and to the overall dimensions of a canvas that they are created on. Changing the size of elements within a composition changes the overall impact and look of a piece of art.

The Elements of Design Scale and Proportion

Page 9: Elements of Design

Unexpected Scale When objects are shown as overly exaggerated or reduced in size, this effect is called “unexpected scale.” Unexpected scale is often used in advertising in order to draw our attention to a product. Large and small scale forms can be combined together in a composition to create a dramatic effect.

http://www.magmaweb.com/vwmarketplace/posters/vwbig022702.jpg

The Elements of Design Scale and Proportion

Page 10: Elements of Design

http://www.oldenburgvanbruggen.com/

The Elements of Design Scale and Proportion

Unexpected Scale When objects are shown as overly exaggerated or reduced in size, this effect is called “unexpected scale.” Unexpected scale is often used in advertising in order to draw our attention to a product. Large and small scale forms can be combined together in a composition to create a dramatic effect.

Page 11: Elements of Design

Pattern is often associated with printed fabrics, such as plaids, polka dots, and florals. Pattern is defined as a repetitive design, with the same motif appearing over and over again. Texture is the tactile quality of a surface. It can be actual or implied in two dimensional form. Texture can be rough or smooth, solid or porous, coarse or polished. Pattern and texture work together to create a sense of visual interest.

The Elements of Design Texture and Pattern

Page 12: Elements of Design

Pattern is often associated with printed fabrics, such as plaids, polka dots, and florals. Pattern is defined as a repetitive design, with the same motif appearing over and over again. Texture is the tactile quality of a surface. It can be actual or implied in two dimensional form. Texture can be rough or smooth, solid or porous, coarse or polished. Pattern and texture work together to create a sense of visual interest.

The Elements of Design Texture and Pattern

Page 13: Elements of Design

Actual texture refers to a texture that we can reach out and physically feel. Implied texture refers to texture created on a two dimensional surface that actually has a smooth surface when touched. Example- a photo or painting.

The Elements of Design Actual Vs. Implied Texture

Page 14: Elements of Design

Rhythm is the repetition of design elements at regular intervals. This helps to give a composition visual harmony by creating unity in a layout. Examples include the repetition of similar shapes, colors or textures.

The Elements of Design Rhythm and Repetition

Page 15: Elements of Design

The lines and forms that lead the viewer’s eye through a composition are referred to as direction. Direction can help to create flow of how information is processed.

The Elements of Design Direction

Page 16: Elements of Design

Weight refers to the contrast in thick and thin lines within a layout. Variation in visual weight can add interest to selected areas of a composition and can help draw the viewer’s eye through a piece of art, emphasizing important areas of information and deemphasizing others.

The Elements of Design Weight

Page 17: Elements of Design

Contrast refers to any variation between elements within a composition, such as difference in weight, size and texture of a composition.

The Elements of Design Contrast

Page 18: Elements of Design

Balance refers to the distribution of visual weight within a composition. Lack of balance disturbs the harmony of a composition. A work that is unbalanced visually creates tension.

The Elements of Design Balance

Page 19: Elements of Design

Symmetrical Balance is when elements are arranged in a mirror image of one another on the vertical or horizontal axis of a page. Also known as “formal balance. This type of balance is often seen in the architecture of buildings. This is the most familiar type of balance to the viewer.

The Elements of Design Symmetrical vs. Asymmetrical Balance

Page 20: Elements of Design

Asymmetrical balance occurs when elements in a design are not arranged as mirror images on a page. Also known as “informal balance.” Can be created through the use of value, texture and size of elements within a composition.

The Elements of Design Symmetrical vs. Asymmetrical Balance

Page 21: Elements of Design

Very dark or saturated areas of color demand attention within a composition. An area of high contrast, even at a small size, will automatically draw the viewer’s eye. Forms placed near the edge of a page can also draw more visual attention than forms placed directly in the center of a page.

Piet Mondrian, “Composition in Red, Yellow, and Blue” (1930)

The Elements of Design Symmetrical vs. Asymmetrical Balance

Page 22: Elements of Design

The Rule of Thirds refers to the idea of dividing a composition into thirds based on a grid. The most important elements of the composition fall on the lines in between to create a strong composition. A slightly off center balance is more visually interesting and harmonious than an evenly centered composition.

The Elements of Design The Rule of Thirds

Page 23: Elements of Design

Golden Mean: Relationship between sizes that is pleasing to the human eye. This concept was first formally recognized by the ancient Greeks, and examples of the golden mean can be observed through Greek artwork and architecture. This principle is based on the Fibonacci sequence, which is a series if numbers to denote proportions: 2,3,5,8,13,21,34,55,89,144,233, etc. The each number in this series is the sum of the two numbers proceeding it.

The Elements of Design The Golden Mean

Page 24: Elements of Design

The Fibonacci Sequence is also one of the most elemental building blocks found in nature. The golden mean appears in everything from atomic structures to galaxies. Graphic designers can use these proportions to create work that instinctively looks “right.”

The Elements of Design The Golden Mean

Page 25: Elements of Design

The Fibonacci Sequence is also one of the most elemental building blocks found in nature. The golden mean appears in everything from atomic structures to galaxies. Graphic designers can use these proportions to create work that instinctively looks “right.”

The Elements of Design The Golden Mean

Image Source: http://bit.ly/570o4l

Page 26: Elements of Design

Proportions are based on the number Pi, in which measurements are approximately 1.618 times one another in a layout. In the example above, segment A is 1.618 times the size of segment B, and segment B is 1.618 times the size of segment C. B and C added together equal the approximate length of segment A. This principle is based on the Fibonacci sequence, which is a series if numbers to denote proportions: 2,3,5,8,13,21,34,55,89,144,233, etc. The each number in this series is the sum of the two numbers proceeding it.

The Elements of Design The Golden Mean

Page 27: Elements of Design

Design Harmony: The overall effect of design that is visually unified and in which elements flow together to make a successful layout. When all the elements of design work together in tandem, harmony is achieved.

The Elements of Design Design Harmony