elements of design - mrs. mccord's...

54
ELEMENTS OF DESIGN

Upload: others

Post on 22-Mar-2020

0 views

Category:

Documents


0 download

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

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

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

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

*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

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

*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

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

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

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

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

*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

*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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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

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

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

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

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

Just as an Optical Illusion can make things appear

different than they really are, so can using the

principles and elements of design.