Skip to main content

Elements & Principles of Visual Design

The elements and principles of design are the foundational building blocks used to create a visual work. 
The elements of design are the A, B, C's that are put together by any artist or designer to create an image or object.  

The grammar of how these elements are used create the overall work.  

Good or bad, all visual works will contain most of these elements, if not all, the nine elements of design.

The principles of design can be thought of as what and artist or designer does with the elements of design.  

How we manipulate the elements and principles of design, or, how we employ them, creates an impression that an audience will interpret. 

These are the artist and designers writing tools of how they express an idea, if you will. 
How we apply the principles of design determines how  successful we are in creating a work of art.

THE ELEMENTS OF VISUAL DESIGN
Line
Shape 
Color
Volume and mass
Space
Texture
Value

LINE
Line can be considered in two ways. The linear marks made with any mark making tool onto a ground or substrate. Line can also be implied -- the direction that implied between forms and the edge that is created when forms meet in space.
Vassily Kandinsky ink drawing on paper 1920's

Tom Freidman Concentric Circles drawn into Ivory soap with human hair
Walter DiMaria Earth Drawing 1970's

Walter DiMaria Earth Drawing 1970's

SHAPE 
A shape is a self contained defined area of geometric or biomorphic organic form. A shape is a flat area that expresses two dimensions.



VOLUME + MASS
Constitutes the actual three dimensional area a form takes up. This thus expresses actual three dimensionality in space, or, the illusion of three dimensionality.




Donald Judd, Encapsulating Negative Space

DIRECTION +  MOVEMENT
All lines have direction - Horizontal, Vertical, Diagonal Horizontal suggests calmness, stability and tranquillity. A horizon line.
Vertical gives a feeling of balance, formality, alertness and activity. 
Diagonal direction suggests a faster speed of line.



Isamu Noguchi Japanese/American sculptor

SCALE
Scale is simply the relationship of a form occupying one shape to that of another. 


SPACE
Space is the scale between objects.



It can also imply depth full space as in the illusion of three dimensionality.  Linear perspective is a two dimensional drawing invention developed in the Renaissance for target practice and to understand the trajectory of cannon balls, visually suggests depth full space on a two dimensional plane. 



TEXTURE 
Texture is the surface quality of a shape - rough, smooth, soft hard glossy etc. Texture can be physically tactile as well as visually interpreted as having a certain feel.



COLOR
Also is also known as Hue
Primary Colors + R B Y
Secondary Colors + O G Violet (purple)
Local color - the actual color of things
Optical color - a suggested or express color of things

VALUE
Value is the lightness or darkness of a color.
We know Value as the shades of a color.
A value that is darker is known as a Tone.

Those that are lighter are known as Tints.




The Principles of Visual Design
Unity - Variety / harmony
Balance - symmetry / asymmetrical / radial / occult
Emphasis - Focal Point
Pattern
Rhythm +  repetition
Contrast

Visual Movement - direction / visual weight and visual speed

Bilateral Symmetry - horizontal axis

Radial symmetry - elements that are arranged around a central point 
Domed Ocular (window) in architecture

a natural sea urchin

Emphasis is the part of the design that catches the viewer’s attention. It is the focal point. Usually the maker will make one area stand out by contrasting it with other areas. The area could be different in size, color, texture, shape, etc.

Movement is the path the viewer’s eye takes through the work of art, often to focal areas. Such movement can be directed along lines, edges, shape, and color within the work of art or design. Horizontal = passive Vertical = active Diagonal = emphasis speed
Christo - Running Fence 1976
Christo Running Fence Concept drawing

Pattern is the repeating of an object or symbol all over the work of art. 
M.C. Escher - tessellation wood block print
Repetition works with pattern to make the work of art seem active. The repetition of elements of design creates unity within the work of art.

M.C. Escher - tessellation wood block print

Proportion is the feeling of unity created when all parts (sizes, amounts, or number) relate well with each other. When drawing the human, proportion can refer to the size of the head compared to the rest of the body.


René Magritte, The Listening Room, 1957 Surrealism

Rhythm is created when one or more elements of design are used repeatedly (repetition) to create a feeling of organized movement. Rhythm creates a mood like music or dancing. To keep rhythm exciting and active, variety is essential.


Variety is the use of several elements of design to hold the viewer’s attention and to guide the viewer’s eye through and around the work of art. Variety offers difference in a creative work.  These are all apples.  Each one differs from the next, even in its own species. 

Unity is the feeling of harmony between all parts of the work of art, which creates a sense of completeness. 

REPETITION
Repetition with variation is interesting, without variation repetition can become monotonous. 

Without variety, five squares all the same can be taken in quickly and understood with a single glance.

When variation is introduced, the five squares, although similar, are much more interesting to look at and slow the viewer's attention down. The squares can no longer be absorbed accurately in a single glance. Each individual character, or the variation of each square, needs to be thoughtfully considered.

If you wish to create interest, any repeating element should include a degree of variation.

CONTRAST
Contrast is the juxtaposition of opposing elements, i.e. opposite colors on the color wheel - red / green, blue / orange etc. Contrast in tone or value - light / dark. 
Contrast in direction - horizontal / vertical. 
Too much contrast scattered throughout a painting can affect unity, making the painting to not have one focal point, but rather, many. 

HARMONY
Harmony in painting is the visually satisfying effect of combining similar, related elements. i.e. analogous / adjacent colors on the color wheel, similar shapes, etc.

DOMINANCE and emphasis
Dominance gives a painting interest, counteracting confusion and monotony. Dominance can be applied to one or more of the elements to give emphasis 

UNITY
Relating the design elements to the idea being expressed in a painting reinforces the principal of unity. Example, a painting with an active aggressive subject would work better with a dominant oblique direction, course, rough texture, angular lines. In contrast a quiet, passive subject would benefit from horizontal lines, soft textures and less tonal contrast.

Unity in a painting also refers to the visual linking of various elements of the work.

Popular posts from this blog

NOTES: Etruscan & Roman Art Chapter 6

Learning Objectives: Etruscan art celebrates the vitality of the human experience, how? What are the distinctive visual representations of the human figure in Etruscan and Roman art? Identify the major trends in the monuments of Imperial Roman art and architecture. Identify the visual design changes in the Late Roman Empire and their architecture. But first, w here in the world are we? End of the Bronze Age   (about 1000 BCE)  Villanovans occupied northern and western regions of Italy.  The central region was home to people who spoke what is closest to Latin today. Beginning in the  8th-century  people, the Greeks had established colonies here. During the  7th century , people known as the  Etruscans  (related to Villanovans) gained control of the north and much of central Italy as it's known today. Etruscans reached their height of power in the  6th century  and expanded throughout Italy. Etruscan...

Basic Outline Example: Analytical Paper DaVinci's Three Dachshunds

Written Deconstructive Analysis  Students will engage in writing a  two  deconstructive analysis paper throughout the course.      The examples will include historical and contemporary visual works that I will assign to students from our text. In addition to the five exams given throughout this course (the lowest grade of one exam will be dropped), the average of both papers may assist you in replacing a second lowest exam score in your overall grade for the course. Methods Found visual examples will include historical visual works from the areas we have studied.  Always provide bibliographical source material, noting ARTIST/DESIGNER, TITLE/PRODUCT, YEAR, DIMENSIONS, MEDIA, and URL link source, other pertinent bibliographic information.  Embed the visual image on your written paper. Make a number of notes that  thoroughly describe  how the fundamental elements and principles of the design ...

Test #5 of 5

SP 2019 FA111 #5/5 Test 1. Name the three  Religions of the Book  in their correct order:  i. ii. iii. 2. What is the time period of the Medieval Ages? >Start and end date < 3. The Apse is a semicircular recess in a church, arched with a dome roof, typically at the eastern end of the architectural structure. TRUE or FALSE 4. The Renaissance period is divided into three schools of thought. What are they?  i. ii. iii. 5. The New Testament was written by four evangelists. What are their names?  i. ii. iii. iv. 6. Why do historians call the period  The Middle Ages? 7.  Who were the  Barbarians ? And why were they named this?  i. ii. 8.   The early Christian monasteries were places that were productive in two other things outside of Christian worship. What were they? i. ii. 9. Explain what the interior of a synagogue may look like back in the day of King Solomon. 10. How is a mosaic made? And wit...