Elements of Design

1. The Elements of Design
 Line
 Color
 Shape
 Size
 Value
 Texture
 Space
Design
elements
are the
basic units
of a
painting,
drawing,
design or
other
visual
pieces.

2. Elements of Design
Elements of design are things that are used to
make a design.
The major difference between principles and
elements is that principles are rules you have to
follow and elements are the things that will help
you complete those rules for the best outcome.

3. 1 - Line
 A continuous mark
made on a surface by
a moving point; it may
be flat (pencil line) or
three-dimensional (a
rod, groove, ridge,
etc.)
 The edge created
when two
shapes/textures meet. Types of line can include actual, implied,
vertical, horizontal, diagonal and contour
lines.

5. 2 - Color
 http://thevirtualinstructor.com/Color.html

6. 2 - Color
 Color has three characteristics:
hue, value, and schemes
 Color refers to reflected light.
Light from the color spectrum
comes down and reflects off of
objects.
 Color creates a mood within the
piece and tells a story about the
brand.

7. 
Hue – The name of the color (red, green, etc.)
• Primary colors are red, yellow, and blue. They are called primary because
they are not mixtures of other colors.
• Mixing any two primary colors results in a secondary color.
• Colors formed by mixing a primary and a secondary color are called
Tertiary Colors. For example: Yellow-orange, red-orange, red-purple, blue-
purple, blue-green & yellow-green.
The color wheel is created when hues are placed in a circle.

8. – The lightness or darkness of a color. How much white or black
shows through or is mixed in.Value
 Tint- A hue with
white added to it.
 Shade- A hue with
black added to it.
 Tone- A hue with gray
added to it.
– The purity (brightness or dullness) of the color.
Intensity

9. Monochrome – Using only one color.
Analogous – Using colors
next to each other on the
color wheel.
Color Schemes
Complementary – Using
colors opposite each other on
the color wheel.

10. 
Colors directly across from each other on the color wheel
are called complementary colors.
•Orange and blue are complementary colors
•Yellow and violet are complementary colors
•Red and green are complementary colors
Complementary colors used
together provide extreme
contrast.

11. • Another way to organize
color is by color
"temperature."
• Colors are either
"warm","cool," or “neutral.
Color Schemes

12. Color Schemes
Red, orange, and yellow are considered warm
colors.
Blue, green, and violet are considered cool
colors.
Neutral colors. Blacks, grays, browns, tans, beiges,
and whites.

13. Shape
A shape is a self contained
defined area of geometric or
organic form.
 Shapes can be geometric (square
circle etc.) or organic (banana
amoeba etc.)
 Everything is ultimately a shape,
so you must always think in terms
of how the various elements of
your design are creating shapes,
and how those shapes are
interacting.

14. Size
 Size is how small or large something is.
 Refers to variations in the proportions of objects, lines or shapes.
 There is a variation of sizes in objects either real or imagined.
 You use size to define importance, create visual interest in design, and
attract attention.
Size is simply the relationship of the area occupied by one shape to that of
another.

15. Value
 Is the degree of light and
dark in a design.
 It is the contrast between
black and white and all
the tones in between.
 Use value to create
depth and light, create a
pattern, lead the eye, or
to emphasize.

16. Texture
 Is about surface quality either
tactile or visual.
 Texture can be real or implied by
different uses of media.
 It is the degree of roughness or
smoothness in objects.
 Textures can create a more three-
dimensional appearance on this
two-dimensional surface.

18. Space
 White space is the absence of text
and graphics.
 White space provides visual
breathing room for the eye.
 White space is more than just large
empty places on the page, it's also
the overall airiness or density of the
page including space between
lines of type (leading), text offset
around graphics, size of margins,
and heaviness or lightness of the
fonts.