ELEMENTS AND
PRINCIPLES OF DESIGN
Color
Value
Line
Shape
Texture
Space
Form
ELEMENTS OF DESIGN
Elements of Design // Color
COLORUse of visual hue
Elements of Design // Value
VALUESATURATION/
How light or how dark an area looks.
Elements of Design // Line
A form with width and length,
but no depth.
LINE
This is a
Elements of Design // Shape
A two-dimensional contour that characterizes
an object or area
SHAPE
Elements of Design // TextureElements of Design // Texture
TEXTURE
The feel or appearance of an object or surface.
SPACE
Elements of Design // Space
Areas that create defined sections.
Elements of Design // Form
A shape with depth and volume.
FORM
Unity
Balance
Hierarchy
Scale
Emphasis
Similarity & Contrast
PRINCIPLES OF DESIGN
Theories of visual perception of how people
organize visual elements into groups.
Proximity
Similarity
Continuation
Repetition
Gestalt Principles
UNITY
Principles of Design // Unity
UNITY
Proximity
A sense of the distance between elements.
Principles of Design // Unity // Proximity
UNITY
Proximity
A sense of the distance between elements.
Principles of Design // Unity // Proximity
UNITY
Proximity
Proximity example shows how a close distance will make
things associated with each other.
This is a box
Principles of Design // Unity // Proximity Counterexample
UNITY
Proximity
Proximity counter-example shows how too much
distance will make things not seem related
This is a box
Principles of Design // Unity // Proximity Counterexample
Principles of Design // Unity // Similarity
UNITY
Similarity
Ability to seem repeatable with other elements.
Principles of Design // Unity // Similarity
UNITY
Similarity
Ability to seem repeatable with other elements.
UNITY
Continuation
Principles of Design // Unity // Continuation
The sense of having a line or pattern extend.
UNITY
Continuation
Principles of Design // Unity // Continuation
The sense of having a line or pattern extend.
UNITY
Repetition
Principles of Design // Unity // Repetition
Elements being copied or mimicked numerous times.
Principles of Design // Unity // Repetition
UNITY
Repetition
Elements being copied or mimicked numerous times.
The equal distribution of visual weight in a design.
BALANCE
Symmetry <> Asymmetry
Principles of Design // Balance
Principles of Design // Balance // Symmetry
BALANCE
Symmetry
Elements on either side of the axis
are arranged similarly.
Principles of Design // Balance // Symmetry
Principles of Design // Balance // Asymmetry
BALANCE
Asymmetry
Elements on each side differ in shape
but still are in visual equilibrium.
Principles of Design // Balance // Asymmetry
Principles of Design // Balance // Asymmetry
UNBALANCED
Example of Asymmetry
Elements are visually imbalanced
towards one side of the axis.
Principles of Design // Unbalanced
Elements arranged and classified
according to relative importance
HIERARCHY
Principles of Design // Hierarchy
Principles of Design // Hierarchy
SCALE
Principles of Design // Scale
Elements of different sizes in relationships with each other.
SCALE
Principles of Design // Scale
Elements of different sizes in relationships with each other.
EMPHASIS
Principles of Design // Emphasis
To distinguish between elements
in a series of similar forms
EMPHASIS
Principles of Design // Emphasis
To distinguish between elements
in a series of similar forms
SIMILARITY &
CONTRAST
Principles of Design // Similarity/Contrast
Contrast between similar elements focuses
on distinct elements within a sequence
SIMILARITY &
CONTRAST
Principles of Design // Similarity/Contrast
Contrast between similar elements focuses
on distinct elements within a sequence
THE END
You can be a designer too!
Questions?

Design Principles 2017 August