Professional Documents
Culture Documents
The examples and perspective in this article may not include all significant
viewpoints. Please improve the article or discuss the issue. (May 2017) (Learn how
and when to remove this template message)
https://en.wikipedia.org/wiki/Visual_design_elements_and_principles Page 1 of 17
Visual design elements and principles - Wikipedia 19/7/13, 12)56 PM
Elements of design
See also: Elements of art
Design elements are the basic units of any visual design which form its
structure and convey visual messages.[2][3] Painter and design theorist
Maitland E. Graves (1902-1978), who attempted to gestate the fundamental
principles of aesthetic order in visual design,[4] in his book, The Art of Color
and Design (1941), defined the elements of design as line, direction, shape,
size, texture, value, and color, concluding that "these elements are the
materials from which all designs are built."[5]
Color
https://en.wikipedia.org/wiki/Visual_design_elements_and_principles Page 2 of 17
Visual design elements and principles - Wikipedia 19/7/13, 12)56 PM
Color theory studies colour mixing and colour combinations. It is one of the
first things that marked a progressive design approach.[8] In visual design,
designers refer to color theory as a body of practical guidance to achieving
certain visual impacts with specific colour combinations.[citation needed]
Theoretical color knowledge is implemented in designs in order to achieve a
successful color design.[11]
Color harmony
https://en.wikipedia.org/wiki/Visual_design_elements_and_principles Page 3 of 17
Visual design elements and principles - Wikipedia 19/7/13, 12)56 PM
Color contrasts
Color schemes
Color schemes are defined as the set of colors chosen for a design. They
are often made up of two or more colors that look appealing beside one
another, and that create an aesthetic feeling when used together.[citation
needed] Color schemes depend on color harmony as they point to which
https://en.wikipedia.org/wiki/Visual_design_elements_and_principles Page 4 of 17
Visual design elements and principles - Wikipedia 19/7/13, 12)56 PM
Line
mind to think upon its position and gives something to build upon in both
imagination and space. Some abstract points in a group can provoke
humanagination to link it with familiar shapes or forms
Shape
A shape is defined as a two or more dimensional 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.[14] Shapes are
recognizable objects and forms[6] and are usually composed of other
elements of design.[15]
Types of shapes
Organic shapes are irregular shapes[6] that are often complex and
resemble shapes that are found in nature.[15] Organic shapes can be drawn
by hand, which is why they are sometimes subjective and only exist in the
imagination of the artist.[6]
Curvilinear shapes are composed of curved lines and smooth edges. They
https://en.wikipedia.org/wiki/Visual_design_elements_and_principles Page 6 of 17
Visual design elements and principles - Wikipedia 19/7/13, 12)56 PM
give off a more natural feeling to the shape. In contrast, rectilinear shapes
are composed of sharp edges and right angles, and give off a sense of
order in the composition. They look more human-made, structured, and
artificial. Artists can choose to create a composition that revolves mainly
around one of these styles of shape, or they can choose to combine both.[6]
Texture
Types of texture
Tactile texture, also known as "actual texture", refers to the physical three-
dimensional texture of an object. Tactile texture can be perceived by the
sense of touch. A person can feel the tactile texture of a sculpture by
running their hand over its surface and feelings its ridges and dents.[6]
https://en.wikipedia.org/wiki/Visual_design_elements_and_principles Page 7 of 17
Visual design elements and principles - Wikipedia 19/7/13, 12)56 PM
Painters use impasto to build peaks and create texture in their painting.
[15]
Pattern
Many textures appear to repeat the same motif.[6] When a motif is repeated
over and over again in a surface, it results in a pattern.[15] Patterns are
https://en.wikipedia.org/wiki/Visual_design_elements_and_principles Page 8 of 17
Visual design elements and principles - Wikipedia 19/7/13, 12)56 PM
Space
In design, space is concerned with the area deep within the moment of
designated design, the design will take place on. For a two-dimensional
design, space concerns creating the illusion of a third dimension on a flat
surface:[15]
Form
https://en.wikipedia.org/wiki/Visual_design_elements_and_principles Page 9 of 17
Visual design elements and principles - Wikipedia 19/7/13, 12)56 PM
side to side (width), and from back to front (depth). Form is also defined by
light and dark. It can be defined by the presence of shadows on surfaces or
faces of an object. There are two types of form, geometric (artificial) and
natural (organic form). Form may be created by the combining of two or
more shapes. It may be enhanced by tone, texture or color. It can be
illustrated or constructed.
Principles of design
See also: Gestalt laws of grouping
Principles applied to the elements of design that bring them together into
one design. How one applies these principles determines how successful a
design may be.[2]
Unity/harmony
Methods
https://en.wikipedia.org/wiki/Visual_design_elements_and_principles Page 10 of 17
Visual design elements and principles - Wikipedia 19/7/13, 12)56 PM
Balance
Symmetry
Asymmetrical balance produces an informal
balance that is attention attracting and
dynamic.
Radial balance is arranged around a central
element. The elements placed in a radial
balance seem to 'radiate' out from a central
point in a circular fashion.
Overall is a mosaic form of balance which
normally arises from too many elements
being put on a page. Due to the lack of
hierarchy and contrast, this form of balance
can look noisy but sometimes quiet.
The top image has symmetrical
balance and the bottom image
Hierarchy has asymmetrical balance
A good design contains elements that lead the reader through each
element in order of its significance. The type and images should be
expressed starting from most important to the least important.
Scale/proportion
Using the relative size of elements against each other can attract attention
to a focal point. When elements are designed larger than life, scale is being
https://en.wikipedia.org/wiki/Visual_design_elements_and_principles Page 11 of 17
Visual design elements and principles - Wikipedia 19/7/13, 12)56 PM
Dominance/emphasis
Similar environment
Contrasts
Space
Filled / Empty
Near / Far
2-D / 3-D
https://en.wikipedia.org/wiki/Visual_design_elements_and_principles Page 12 of 17
Visual design elements and principles - Wikipedia 19/7/13, 12)56 PM
Position
Left / Right
Isolated / Grouped
Centered / Off-Center
Top / Bottom
Form
Simple / Complex
Beauty / Ugly
Whole / Broken
Direction
Stability / Movement
Structure
Organized / Chaotic
Mechanical / Hand-Drawn
Size
Large / Small
Deep / Shallow
Fat / Thin
Color
Grey scale / Color
Black & White / Color
Light / Dark
Texture
Fine / Coarse
Smooth / Rough
Sharp / Dull
Density
Transparent / Opaque
Thick / Thin
Liquid / Solid
https://en.wikipedia.org/wiki/Visual_design_elements_and_principles Page 13 of 17
Visual design elements and principles - Wikipedia 19/7/13, 12)56 PM
Gravity
Light / Heavy
Stable / Unstable
Movement is the path the viewerʼs eye takes through the artwork, often to
focal areas. Such movement can be directed along lines edges, shape and
color within the artwork, and more.
See also
Composition (visual arts)
Interior design
Landscape design
Pattern language
Elements of art
Principles of art
Color theory
Notes
n. Lidwell, William; Kritina Holden; Jill Butler (2010). Universal Principles
of Design (2nd ed.). Beverly, Massachusetts: Rockport Publishers.
ISBN 978-1-59253-587-3.
o. ^ a b Lovett, John. "Design and Colour". Retrieved 3 April 2012.
q. Charlotte Jirousek. Art, Design, and Visual Thinking. An online,
interactive textbook. Cornell.edu, 1995.
r. Martin, Jon Henry. An evaluation of Maitland Graves' principle of
aesthetic order. Masters thesis, Concordia University, 1972.
s. Graves, Maitland, E. The art of color and design. 2d ed. New York, N.Y.:
McGraw-Hill, 1951.
u. ^ a b c d e f g h i j k l m n o p q r s t u E., Malloy, Kaoime (2014-09-26). The
https://en.wikipedia.org/wiki/Visual_design_elements_and_principles Page 14 of 17
Visual design elements and principles - Wikipedia 19/7/13, 12)56 PM
References
Kilmer, R., & Kilmer, W. O. (1992). Designing Interiors. Orland, FL: Holt,
https://en.wikipedia.org/wiki/Visual_design_elements_and_principles Page 15 of 17
Visual design elements and principles - Wikipedia 19/7/13, 12)56 PM
External links
Art, Design, and Visual Thinking. An online, interactive textbook by
Charlotte Jirousek at Cornell University.
The 6 Principles of Design
hide
v
t
e
Line
Form
Texture
Elements of 3D Light
Color
Space
https://en.wikipedia.org/wiki/Visual_design_elements_and_principles Page 16 of 17
Visual design elements and principles - Wikipedia 19/7/13, 12)56 PM
https://en.wikipedia.org/wiki/Visual_design_elements_and_principles Page 17 of 17