Introduction - 5 - Design

Design Elements

The program we will be using for vector graphics, Inkscape, comes with a great overview of some of the design elements we'll be using throughout this course.  Utilizing its license for re-distribution, it has been copied below and is also available from the program by clicking Help -> Tutorials -> Elements of Design.

elements-f01-en.svg.png

Elements of Design

The following elements are the building blocks of design.

Line

A line is defined as a mark with length and direction, created by a point that moves across a surface. A line can vary in length, width, direction, curvature, and color. Line can be two-dimensional (a pencil line on paper), or implied three-dimensional.

elements-f02-en.svg.png

Shape

A flat figure, shape is created when actual or implied lines meet to surround a space. A change in color or shading can define a shape. Shapes can be divided into several types: geometric (square, triangle, circle) and organic (irregular in outline).

elements-f03-en.svg.png

Size

This refers to variations in the proportions of objects, lines or shapes. There is a variation of sizes in objects either real or imagined.

elements-f04-en.svg.png

Space

Space is the empty or open area between, around, above, below, or within objects. Shapes and forms are made by the space around and within them. Space is often called three-dimensional or two- dimensional. Positive space is filled by a shape or form. Negative space surrounds a shape or form.

elements-f05-en.svg.png

Color

Color is the perceived character of a surface according to the wavelength of light reflected from it. Color has three dimensions: HUE (another word for color, indicated by its name such as red or yellow), VALUE (its lightness or darkness), INTENSITY (its brightness or dullness).

elements-f06-en.svg.png

Texture

Texture is the way a surface feels (actual texture) or how it may look (implied texture). Textures are described by word such as rough, silky, or pebbly.

elements-f07-en.svg.png

Value

Value is how dark or how light something looks. We achieve value changes in color by adding black or white to the color. Chiaroscuro uses value in drawing by dramatically contrasting lights and darks in a composition.

elements-f08-en.svg.png

Principles of Design

The principles use the elements of design to create a composition.

Balance

Balance is a feeling of visual equality in shape, form, value, color, etc. Balance can be symmetrical or evenly balanced or asymmetrical and un-evenly balanced. Objects, values, colors, textures, shapes, forms, etc., can be used in creating a balance in a composition.

elements-f09-en.svg.png

Contrast

Contrast is the juxtaposition of opposing elements

elements-f10-en.svg.png

Emphasis

Emphasis is used to make certain parts of their artwork stand out and grab your attention. The center of interest or focal point is the place a work draws your eye to first.

elements-f11-en.svg.png

Proportion

Proportion describes the size, location or amount of one thing compared to another.

An example image

Pattern

Pattern is created by repeating an element (line, shape or color) over and over again.

An example image

Gradation

Gradation of size and direction produce linear perspective. Gradation of color from warm to cool and tone from dark to light produce aerial perspective. Gradation can add interest and movement to a shape. A gradation from dark to light will cause the eye to move along a shape.

An example image

Composition

The combining of distinct elements to form a whole.

An example image

Bibliography

This is a partial bibliography used to build this document.

Special thanks to Linda Kim (http://www.redlucite.org) for helping Jon Phillips (http://www.rejon.org/) with this tutorial. Also, thanks to the Open Clip Art Library (http://www.openclipart.org/) and the graphics people have submitted to that project.