e & p of design
DESCRIPTION
TRANSCRIPT
![Page 1: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/1.jpg)
The Elementsand Principlesof Designof Design
Presented by
Jaikumar Ranganathan
![Page 2: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/2.jpg)
The Elements of Design:
These 6 ingredients are used to create a design:� line � Shape & form � Shape & form � Space� value � colour� texture
![Page 3: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/3.jpg)
LINELINE
![Page 4: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/4.jpg)
Four Basic Types of Lines
Horizontal
Vertical
Curvilinear
![Page 5: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/5.jpg)
LineLineLineLine: An element of design that is used to
define shape, contours, and outlines, also
to suggest mass and volume. It may be a to suggest mass and volume. It may be a
continuous mark made on a surface with
a pointed tool or implied by the edges of
shapes and forms.
![Page 6: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/6.jpg)
Characteristics of Line are: Characteristics of Line are: Characteristics of Line are: Characteristics of Line are:
� WidthWidthWidthWidth- thick, thin, tapering,
uneven
� LengthLengthLengthLength - long, short,
continuous, broken
� DirectionDirectionDirectionDirection- horizontal,
vertical, diagonal, curving, vertical, diagonal, curving,
perpendicular, oblique,
parallel, radial, zigzag
� FocusFocusFocusFocus- sharp, blurry, fuzzy,
choppy
� FeelingFeelingFeelingFeeling- sharp, jagged,
graceful, smooth
![Page 7: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/7.jpg)
Implied Line
• Implied Line is the line inside the object within in the
art / design work. For example, an image of a soldier
standing tall has an implied vertical line in the stance.
Each of the lines imply different meanings. A vertical A vertical A vertical A vertical
line can imply nobility. A horizontal can imply calm line can imply nobility. A horizontal can imply calm line can imply nobility. A horizontal can imply calm line can imply nobility. A horizontal can imply calm line can imply nobility. A horizontal can imply calm line can imply nobility. A horizontal can imply calm line can imply nobility. A horizontal can imply calm line can imply nobility. A horizontal can imply calm
or rest. or rest. or rest. or rest. A A A A diagonal line can imply movement. A diagonal line can imply movement. A diagonal line can imply movement. A diagonal line can imply movement. A
curvilinear line can imply grace. curvilinear line can imply grace. curvilinear line can imply grace. curvilinear line can imply grace.
![Page 8: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/8.jpg)
Line
• Linear marks
• Lines
• Edges
• Implied Line• Implied Line
A series of points A series of points A series of points A series of points
indicating direction, indicating direction, indicating direction, indicating direction,
movement and form.movement and form.movement and form.movement and form.Horizontal lines suggest rest and
tranquility.
FreeFoto.com
![Page 9: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/9.jpg)
LineLineLineLine
Line is a moving dot.
![Page 10: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/10.jpg)
Line
Vertical lines suggest grandness. Diagonal lines indicate movement.
![Page 11: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/11.jpg)
Nobility and Movement
![Page 12: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/12.jpg)
SHAPE
![Page 13: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/13.jpg)
Organic and Geometric
Organic shapes are natural shapes which can be
symmetrical and asymmetrical.
••
Geometric shapes are ‘man-made’ or machine
made shapes, mathematically deduced, with
clear sharp edges.
![Page 14: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/14.jpg)
Shape
• Organic – thought of as
Shape is a twoShape is a twoShape is a twoShape is a two----dimensional closed contour dimensional closed contour dimensional closed contour dimensional closed contour
defined by its perimeterdefined by its perimeterdefined by its perimeterdefined by its perimeter
• Organic – thought of as
occurring naturally
• Geometric – named
shapes
![Page 15: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/15.jpg)
• Squares and
rectangles – stability
• Triangles – goal or
Shape
• Triangles – goal or
direction
![Page 16: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/16.jpg)
Form and SpaceForm and SpaceForm and SpaceForm and Space
Form is an area surrounded by space.
Space can be positive or negative.
![Page 17: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/17.jpg)
Form
FormFormFormForm is the three-dimensionality of an object. Shading a circle in a certain manner can turn it into a sphere.
Form
Types
Form
Types
Square
Cube
Rectangle
Cylinder
Triangle
Cone
Circle
Sphere
![Page 18: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/18.jpg)
Shape
(think ‘form’)think ‘form’)think ‘form’)think ‘form’)
![Page 19: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/19.jpg)
space
(think ‘distance in & between things’)think ‘distance in & between things’)think ‘distance in & between things’)think ‘distance in & between things’)
![Page 20: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/20.jpg)
The area between, around, or inside
objects
• Positive space – the • Positive space – the
space occupied by
objects
• Negative space – the
space around and
between objects
FreeDigitalPhotos.net
![Page 21: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/21.jpg)
The measure of lightness or darkness in
a composition.
![Page 22: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/22.jpg)
• Darker objects stand
out in a composition.
• Lighter objects
Value
• Lighter objects
recede or hang back.
FreeFoto.com
![Page 23: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/23.jpg)
Value
(think degree of lightness or darkness)
![Page 24: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/24.jpg)
ColorColorColorColor
Color is the hue, shade, or tone of an object.
![Page 25: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/25.jpg)
color
![Page 26: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/26.jpg)
![Page 27: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/27.jpg)
• Black – authority
• White – innocence and purity
• Red – passion, anger,appetite
Color
appetite
• Green – wealth, naturerelaxing
• Blue – peace, loyalty
• Purple – luxury, wealth, sophistication
![Page 28: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/28.jpg)
TEXTURETEXTURETEXTURETEXTURETEXTURETEXTURETEXTURETEXTURE
The surface quality or "feel" of an object, its The surface quality or "feel" of an object, its
smoothness, roughness, softness, etc. Textures
may be actual or implied.
![Page 29: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/29.jpg)
![Page 30: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/30.jpg)
TextureTextureTextureTexture
Texture is the visual surface quality of an object.
![Page 31: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/31.jpg)
• Refers to the surface
appearance of an
Texture
object
• Enhances the realism
of an object
![Page 32: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/32.jpg)
Texture
(think ‘the look/feel of the surfacethink ‘the look/feel of the surfacethink ‘the look/feel of the surfacethink ‘the look/feel of the surface ’)’)’)’)
![Page 33: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/33.jpg)
The Principles of Design
• Rhythm
• Movement
• Pattern
• Emphasis
• Variety
• Harmony• Balance
• Proportion
• Harmony
• Unity
Note: This list is one possible list. You will find that every book, every artist has a slightly different list of Principles.
![Page 34: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/34.jpg)
Balance:
Balance is concerned with arranging art elements in an
artwork so no one part over powers, or seems heavier
than, any other part.
There are three types of balance:
�Formal
�Informal
�Radial
![Page 35: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/35.jpg)
Formal Balance (Symmetrical):Occurs when one half of a work mirrors
or closely resembles the other half.
![Page 36: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/36.jpg)
![Page 37: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/37.jpg)
![Page 38: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/38.jpg)
Informal Balance (Asymmetrical):
Involves a balance of unlike objects or elements.
![Page 39: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/39.jpg)
![Page 40: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/40.jpg)
Radial Balance:
Occurs when elements are positioned around a central point.
![Page 41: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/41.jpg)
![Page 42: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/42.jpg)
Symmetry & Asymmetry
• If you fold an image in half and it is the same on both sides it
has symmetry, it is symmetrical.
• If you fold an image in half and it is not the same on both sides
it has asymmetry, it is asymmetrical.
• A work of art can be asymmetrical and still be balanced. • A work of art can be asymmetrical and still be balanced.
Symmetrical Asymmetrical
![Page 43: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/43.jpg)
BalanceBalanceBalanceBalance
Balance relates to our physical sense of balance.
![Page 44: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/44.jpg)
RepetitionRepetitionRepetitionRepetition
Repetition is one, or similar elements that are repeated.
![Page 45: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/45.jpg)
ContrastContrastContrastContrast
Contrast is when elements are different.
![Page 46: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/46.jpg)
Harmony:The principle of design concerned with combining
similar art elements to create a pleasing appearance.
![Page 47: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/47.jpg)
HarmonyHarmonyHarmonyHarmony
Harmony is when elements are related.
![Page 48: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/48.jpg)
DominanceDominanceDominanceDominance
Dominance is when one object is emphasized more than
another.
![Page 49: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/49.jpg)
• Regular
repetition of
lines, shapes,
or colors that or colors that
create a
movement.
Patterns have
rhythm
![Page 50: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/50.jpg)
RhythmRhythmRhythmRhythm
Rhythm is a measured movement through space.
![Page 51: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/51.jpg)
Repetition of the
figure descending
the staircase not only
creates movement
but rhythm as well
![Page 52: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/52.jpg)
Rhythm
• RhythmRhythmRhythmRhythm is the movement or variation characterized by the
regular recurrence or alternation of different quantities or
conditions. In simpler words, it's just like pattern and shows that
the design has a 'beat' or 'flow' going with it.
![Page 53: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/53.jpg)
Movement:Movement is the Principle of Design that creates
the look and feel of action to guide the viewer’s
eyes through the work of art.
![Page 54: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/54.jpg)
Linear strokes cause our
eye to move back and
forth through the
painting.
![Page 55: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/55.jpg)
MovementMovementMovementMovement
Movement is the relocation of an object in space over time.
![Page 56: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/56.jpg)
DirectionDirectionDirectionDirection
Direction is the course along which a line moves.
![Page 57: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/57.jpg)
![Page 58: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/58.jpg)
Unity:The combining of art elements and principles with media to create a feeling of completeness.
![Page 59: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/59.jpg)
![Page 60: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/60.jpg)
Variety:Combining art elements by adding slight changes
to increase visual interest.
![Page 61: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/61.jpg)
![Page 62: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/62.jpg)
Proportion:The manner in which the parts of a work relate to
each other and to the whole.
![Page 63: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/63.jpg)
ProportionProportionProportionProportion
Proportion is the relative size and scale of
elements in a design.
![Page 64: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/64.jpg)
relationship of one
part to another
or to the whole
with respect to
size, quantity, or
degree; a ratiodegree; a ratio
![Page 65: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/65.jpg)
GradationGradationGradationGradation
Gradation is the change from one color to another.
![Page 66: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/66.jpg)
Emphasis:The principle of design concerned with making an
element or object in an artwork stand out.
![Page 67: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/67.jpg)
EmphasisAccent, stress, or
importance placed
on a part of a piece
of artwork of artwork
(repeating an idea creates emphasis)
![Page 68: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/68.jpg)
A two-dimensional decorative effect achieved through
the repetition of colors, lines, shapes, and/or textures.
Pattern:
![Page 69: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/69.jpg)
![Page 70: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/70.jpg)
Where does your eye go first?
![Page 71: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/71.jpg)
PATTERN
There is power in pattern and There is power in pattern and
impact in the variation on that
pattern.
![Page 72: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/72.jpg)
Organized Organized
Pattern
![Page 73: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/73.jpg)
Can you use
the
principles of
design to
critique this
artwork?
BALANCE, UNITY, EMPHASIS, MOVEMENT,
RHYTHM, CONTRAST, PROPORTION
artwork?
Sandy Skoglund:
Radioactive Cats,
1980
![Page 74: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/74.jpg)
Examples:
This image uses the elements of shape, space, colour, value &
texture. The principles used here are: repetition, variety of
proportion, contrast (light vs. dark) , movement and rhythm.
![Page 75: E & p of design](https://reader034.vdocument.in/reader034/viewer/2022050816/54c806054a79593e098b45bf/html5/thumbnails/75.jpg)
Courtesy to:
Zaiba Mustafa
Chelsea Flattery
Zaiba Mustafa
Mrs. Montgomery
Amy Landrum
Erin Smith