elements of design - mrs. mccord's...
TRANSCRIPT
![Page 1: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/1.jpg)
ELEMENTS OF DESIGN
![Page 2: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/2.jpg)
Elements of Design!
The tools of design
Hands on - can be manipulated
1. Space
2. Form & Shape
3. Line
4. Texture
5. Pattern & Color
![Page 3: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/3.jpg)
Space
The three dimensional expanse that a designer is
working with
![Page 4: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/4.jpg)
*2 Kinds of Space!
Positive Space – the actual object takes up space
Negative Space – the space around an object
![Page 5: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/5.jpg)
Space
![Page 6: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/6.jpg)
*To help a small area feel spacious
If you hang a mirror in a
room it can help make a
room appear larger!
![Page 7: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/7.jpg)
To help a small area feel spacious
Allow as much floor to
show as possible
Place large pieces of
furniture near walls
Furniture should be up
off the floor and not
bulky
![Page 8: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/8.jpg)
To make a large area feel intimate
Place furniture
perpendicular to
walls
Group furniture
according to areas
of activity
Use large furniture
that sits directly on
the floor
![Page 9: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/9.jpg)
Space
![Page 10: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/10.jpg)
Space
![Page 11: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/11.jpg)
*Shape
Two dimensional (2-D)
Made by connecting
lines
Circles, squares,
rectangles, triangles,
ovals, diamonds....
![Page 12: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/12.jpg)
*Form
Three dimensional (3-D)
Encloses space
Spheres, cylinders,
cones, cubes, pyramids....
![Page 13: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/13.jpg)
Difference between Shape
and form
![Page 14: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/14.jpg)
Rectilinear Forms
![Page 15: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/15.jpg)
Angular Forms
![Page 16: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/16.jpg)
Circular Forms
![Page 17: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/17.jpg)
Line
Long and narrow
Connects two points
Leads the eye from one
point to another
horizontal
curved
v
e
r
t
i
c
a
l
diagonal
![Page 18: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/18.jpg)
Vertical Line
Communicates
strength and
formality
Creates feelings
of aspiration and
ascension
![Page 19: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/19.jpg)
Horizontal Line
Calmness
Relaxing
Informal
![Page 20: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/20.jpg)
Diagonal Line
Excitement
Active
Suggests movement
![Page 21: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/21.jpg)
Curved Line
soft
feminine
![Page 22: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/22.jpg)
Texture
The surface quality of an object or item
Tactile
How the object feels to the touch
Can feel the variation in the surface
Visual
An illusion - how the object appears to feel
Applied using line, color, & shading
![Page 23: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/23.jpg)
Texture
VS.
![Page 24: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/24.jpg)
Texture - Smooth
Make colors appear
lighter and brighter
Generally considered
more formal
![Page 25: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/25.jpg)
Texture - Shiny
Reflective
Has more intense color
![Page 26: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/26.jpg)
Texture - Rough
Make color look darker
and less intense
Generally less formal
![Page 27: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/27.jpg)
Texture
![Page 28: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/28.jpg)
Pattern
Repetition of line, shape,
form, texture and/or
color
Reflects the mood of the
elements used
Can be formal, informal,
calm, playful.....
![Page 29: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/29.jpg)
Evaluating Pattern
The placement of emphasis
The character of the pattern
The color scheme
The scale of the pattern
![Page 30: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/30.jpg)
Color
Reflected light
Most important element
Creates the most impact
We’ll cover this in depth
later in the semester!
![Page 31: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/31.jpg)
Using the Elements of Design can make
things appear different than they really
are!
*Can you see things from a different
view?
![Page 32: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/32.jpg)
![Page 33: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/33.jpg)
![Page 34: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/34.jpg)
![Page 35: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/35.jpg)
![Page 36: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/36.jpg)
![Page 37: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/37.jpg)
![Page 38: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/38.jpg)
![Page 39: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/39.jpg)
![Page 40: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/40.jpg)
![Page 41: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/41.jpg)
![Page 42: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/42.jpg)
![Page 43: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/43.jpg)
![Page 44: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/44.jpg)
![Page 45: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/45.jpg)
![Page 46: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/46.jpg)
![Page 47: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/47.jpg)
![Page 48: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/48.jpg)
![Page 49: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/49.jpg)
![Page 50: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/50.jpg)
If you take a look at the following picture , let me tell you ... it is not animated. Your eyes are
making it move. To test this, stare at one spot for a couple seconds and everything will stop
moving. Or look at the black center of each circle and it will stop moving. But move your eyes to
the next black center and the previous will move after you take your eyes away from it.... Weird
![Page 51: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/51.jpg)
Are the purple lines straight or bent?
![Page 52: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/52.jpg)
Which circle in the middle is bigger?
![Page 53: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/53.jpg)
Do you see gray areas in between the squares?
Now where did they come from?
![Page 54: Elements of Design - Mrs. McCord's Classroommrsmccordsclass.weebly.com/uploads/3/7/6/7/37676935/elementsofdesign.pdf · Elements of Design! The tools of design Hands on - can be manipulated](https://reader033.vdocuments.site/reader033/viewer/2022042103/5e8139ffd2a43b623f188f59/html5/thumbnails/54.jpg)
Just as an Optical Illusion can make things appear
different than they really are, so can using the
principles and elements of design.