design elements - mrs. stiles' online...
TRANSCRIPT
![Page 1: Design Elements - Mrs. Stiles' Online Classroomnstiles.weebly.com/uploads/5/7/6/9/57697857/design_elements.pdf · Design Elements. Design Elements Line Mass Shape Form Space Texture](https://reader030.vdocuments.site/reader030/viewer/2022040522/5e813f1c39af136ee914247d/html5/thumbnails/1.jpg)
Design Elements
![Page 2: Design Elements - Mrs. Stiles' Online Classroomnstiles.weebly.com/uploads/5/7/6/9/57697857/design_elements.pdf · Design Elements. Design Elements Line Mass Shape Form Space Texture](https://reader030.vdocuments.site/reader030/viewer/2022040522/5e813f1c39af136ee914247d/html5/thumbnails/2.jpg)
Design Elements
▫ Line
▫ Mass
▫ Shape
▫ Form
▫ Space
▫ Texture
▫ Color
![Page 3: Design Elements - Mrs. Stiles' Online Classroomnstiles.weebly.com/uploads/5/7/6/9/57697857/design_elements.pdf · Design Elements. Design Elements Line Mass Shape Form Space Texture](https://reader030.vdocuments.site/reader030/viewer/2022040522/5e813f1c39af136ee914247d/html5/thumbnails/3.jpg)
![Page 4: Design Elements - Mrs. Stiles' Online Classroomnstiles.weebly.com/uploads/5/7/6/9/57697857/design_elements.pdf · Design Elements. Design Elements Line Mass Shape Form Space Texture](https://reader030.vdocuments.site/reader030/viewer/2022040522/5e813f1c39af136ee914247d/html5/thumbnails/4.jpg)
Line as a Design Element
• Lines can be of any size, shape, texture or pattern and may be placed in any direction.
• Lines Can be straight or curved.
• Curves, dot leaders and arrows are considered lines!
![Page 5: Design Elements - Mrs. Stiles' Online Classroomnstiles.weebly.com/uploads/5/7/6/9/57697857/design_elements.pdf · Design Elements. Design Elements Line Mass Shape Form Space Texture](https://reader030.vdocuments.site/reader030/viewer/2022040522/5e813f1c39af136ee914247d/html5/thumbnails/5.jpg)
Lines Can Organize
Apple Grapes Oranges
Red Delicious White Navel
Fuji Red Hamlin
![Page 6: Design Elements - Mrs. Stiles' Online Classroomnstiles.weebly.com/uploads/5/7/6/9/57697857/design_elements.pdf · Design Elements. Design Elements Line Mass Shape Form Space Texture](https://reader030.vdocuments.site/reader030/viewer/2022040522/5e813f1c39af136ee914247d/html5/thumbnails/6.jpg)
Lines Can Simulate Movement
![Page 7: Design Elements - Mrs. Stiles' Online Classroomnstiles.weebly.com/uploads/5/7/6/9/57697857/design_elements.pdf · Design Elements. Design Elements Line Mass Shape Form Space Texture](https://reader030.vdocuments.site/reader030/viewer/2022040522/5e813f1c39af136ee914247d/html5/thumbnails/7.jpg)
Lines Can Connect
![Page 8: Design Elements - Mrs. Stiles' Online Classroomnstiles.weebly.com/uploads/5/7/6/9/57697857/design_elements.pdf · Design Elements. Design Elements Line Mass Shape Form Space Texture](https://reader030.vdocuments.site/reader030/viewer/2022040522/5e813f1c39af136ee914247d/html5/thumbnails/8.jpg)
Lines Can Separate
![Page 9: Design Elements - Mrs. Stiles' Online Classroomnstiles.weebly.com/uploads/5/7/6/9/57697857/design_elements.pdf · Design Elements. Design Elements Line Mass Shape Form Space Texture](https://reader030.vdocuments.site/reader030/viewer/2022040522/5e813f1c39af136ee914247d/html5/thumbnails/9.jpg)
Lines Can Provide Texture
![Page 10: Design Elements - Mrs. Stiles' Online Classroomnstiles.weebly.com/uploads/5/7/6/9/57697857/design_elements.pdf · Design Elements. Design Elements Line Mass Shape Form Space Texture](https://reader030.vdocuments.site/reader030/viewer/2022040522/5e813f1c39af136ee914247d/html5/thumbnails/10.jpg)
Lines Can Convey a Mood or Emotion
![Page 11: Design Elements - Mrs. Stiles' Online Classroomnstiles.weebly.com/uploads/5/7/6/9/57697857/design_elements.pdf · Design Elements. Design Elements Line Mass Shape Form Space Texture](https://reader030.vdocuments.site/reader030/viewer/2022040522/5e813f1c39af136ee914247d/html5/thumbnails/11.jpg)
Lines Can Define Shapes
![Page 12: Design Elements - Mrs. Stiles' Online Classroomnstiles.weebly.com/uploads/5/7/6/9/57697857/design_elements.pdf · Design Elements. Design Elements Line Mass Shape Form Space Texture](https://reader030.vdocuments.site/reader030/viewer/2022040522/5e813f1c39af136ee914247d/html5/thumbnails/12.jpg)
Lines Can Provide Emphasis
Magazine Article Title
Magazine Article Title
Newspaper Title
![Page 13: Design Elements - Mrs. Stiles' Online Classroomnstiles.weebly.com/uploads/5/7/6/9/57697857/design_elements.pdf · Design Elements. Design Elements Line Mass Shape Form Space Texture](https://reader030.vdocuments.site/reader030/viewer/2022040522/5e813f1c39af136ee914247d/html5/thumbnails/13.jpg)
Lines Can Frame
![Page 14: Design Elements - Mrs. Stiles' Online Classroomnstiles.weebly.com/uploads/5/7/6/9/57697857/design_elements.pdf · Design Elements. Design Elements Line Mass Shape Form Space Texture](https://reader030.vdocuments.site/reader030/viewer/2022040522/5e813f1c39af136ee914247d/html5/thumbnails/14.jpg)
![Page 15: Design Elements - Mrs. Stiles' Online Classroomnstiles.weebly.com/uploads/5/7/6/9/57697857/design_elements.pdf · Design Elements. Design Elements Line Mass Shape Form Space Texture](https://reader030.vdocuments.site/reader030/viewer/2022040522/5e813f1c39af136ee914247d/html5/thumbnails/15.jpg)
Mass as a Design Element• Mass refers to the size, space and
“heaviness” of an object.
• Every object, or element, has mass
whether it is a line, shape, text or graphics.
![Page 16: Design Elements - Mrs. Stiles' Online Classroomnstiles.weebly.com/uploads/5/7/6/9/57697857/design_elements.pdf · Design Elements. Design Elements Line Mass Shape Form Space Texture](https://reader030.vdocuments.site/reader030/viewer/2022040522/5e813f1c39af136ee914247d/html5/thumbnails/16.jpg)
Mass suggests weight
• Darker colors are visually heavier than lighter
colors.
![Page 17: Design Elements - Mrs. Stiles' Online Classroomnstiles.weebly.com/uploads/5/7/6/9/57697857/design_elements.pdf · Design Elements. Design Elements Line Mass Shape Form Space Texture](https://reader030.vdocuments.site/reader030/viewer/2022040522/5e813f1c39af136ee914247d/html5/thumbnails/17.jpg)
![Page 18: Design Elements - Mrs. Stiles' Online Classroomnstiles.weebly.com/uploads/5/7/6/9/57697857/design_elements.pdf · Design Elements. Design Elements Line Mass Shape Form Space Texture](https://reader030.vdocuments.site/reader030/viewer/2022040522/5e813f1c39af136ee914247d/html5/thumbnails/18.jpg)
Shape as a Design Element
• Shapes are often used in logos but can be used in many different ways.
• Shapes can be used to:▫ Highlight Information▫ Organize or Separate Information▫ Make a Design More Interesting
![Page 19: Design Elements - Mrs. Stiles' Online Classroomnstiles.weebly.com/uploads/5/7/6/9/57697857/design_elements.pdf · Design Elements. Design Elements Line Mass Shape Form Space Texture](https://reader030.vdocuments.site/reader030/viewer/2022040522/5e813f1c39af136ee914247d/html5/thumbnails/19.jpg)
Geometric Shapes
• Geometric Shapes include:▫ Triangles
▫ Squares
▫ Circles
![Page 20: Design Elements - Mrs. Stiles' Online Classroomnstiles.weebly.com/uploads/5/7/6/9/57697857/design_elements.pdf · Design Elements. Design Elements Line Mass Shape Form Space Texture](https://reader030.vdocuments.site/reader030/viewer/2022040522/5e813f1c39af136ee914247d/html5/thumbnails/20.jpg)
Natural Shapes
• Natural Shapes include:▫ Organic shapes like leaves or flower petals
▫ Man-Made shapes that resemble natural shapes)
![Page 21: Design Elements - Mrs. Stiles' Online Classroomnstiles.weebly.com/uploads/5/7/6/9/57697857/design_elements.pdf · Design Elements. Design Elements Line Mass Shape Form Space Texture](https://reader030.vdocuments.site/reader030/viewer/2022040522/5e813f1c39af136ee914247d/html5/thumbnails/21.jpg)
Abstract Shapes
• Abstract Shapes resemble a blend of both geometric and natural shapes
• Abstract Shape examples include:▫ Cars
▫ Silhouettes
![Page 22: Design Elements - Mrs. Stiles' Online Classroomnstiles.weebly.com/uploads/5/7/6/9/57697857/design_elements.pdf · Design Elements. Design Elements Line Mass Shape Form Space Texture](https://reader030.vdocuments.site/reader030/viewer/2022040522/5e813f1c39af136ee914247d/html5/thumbnails/22.jpg)
What Certain Shapes Symbolize
Squares and Rectangles
• Symbolize honesty, stability, equality and comfort.
• Circles
• Symbolize infinity, security and completeness.
• Triangles
• Symbolize action or conflict.
![Page 23: Design Elements - Mrs. Stiles' Online Classroomnstiles.weebly.com/uploads/5/7/6/9/57697857/design_elements.pdf · Design Elements. Design Elements Line Mass Shape Form Space Texture](https://reader030.vdocuments.site/reader030/viewer/2022040522/5e813f1c39af136ee914247d/html5/thumbnails/23.jpg)
Examples of Shape
![Page 24: Design Elements - Mrs. Stiles' Online Classroomnstiles.weebly.com/uploads/5/7/6/9/57697857/design_elements.pdf · Design Elements. Design Elements Line Mass Shape Form Space Texture](https://reader030.vdocuments.site/reader030/viewer/2022040522/5e813f1c39af136ee914247d/html5/thumbnails/24.jpg)
Examples of Shape
![Page 25: Design Elements - Mrs. Stiles' Online Classroomnstiles.weebly.com/uploads/5/7/6/9/57697857/design_elements.pdf · Design Elements. Design Elements Line Mass Shape Form Space Texture](https://reader030.vdocuments.site/reader030/viewer/2022040522/5e813f1c39af136ee914247d/html5/thumbnails/25.jpg)
![Page 26: Design Elements - Mrs. Stiles' Online Classroomnstiles.weebly.com/uploads/5/7/6/9/57697857/design_elements.pdf · Design Elements. Design Elements Line Mass Shape Form Space Texture](https://reader030.vdocuments.site/reader030/viewer/2022040522/5e813f1c39af136ee914247d/html5/thumbnails/26.jpg)
Form as a Design Element
• 3-dimensional space
added to objects by
the addition of
shadows, tone, or
color transitions3-D space because of
shadow added
2-D Shape 3-D Form
![Page 27: Design Elements - Mrs. Stiles' Online Classroomnstiles.weebly.com/uploads/5/7/6/9/57697857/design_elements.pdf · Design Elements. Design Elements Line Mass Shape Form Space Texture](https://reader030.vdocuments.site/reader030/viewer/2022040522/5e813f1c39af136ee914247d/html5/thumbnails/27.jpg)
Examples of Form
![Page 28: Design Elements - Mrs. Stiles' Online Classroomnstiles.weebly.com/uploads/5/7/6/9/57697857/design_elements.pdf · Design Elements. Design Elements Line Mass Shape Form Space Texture](https://reader030.vdocuments.site/reader030/viewer/2022040522/5e813f1c39af136ee914247d/html5/thumbnails/28.jpg)
Examples of Form
![Page 29: Design Elements - Mrs. Stiles' Online Classroomnstiles.weebly.com/uploads/5/7/6/9/57697857/design_elements.pdf · Design Elements. Design Elements Line Mass Shape Form Space Texture](https://reader030.vdocuments.site/reader030/viewer/2022040522/5e813f1c39af136ee914247d/html5/thumbnails/29.jpg)
![Page 30: Design Elements - Mrs. Stiles' Online Classroomnstiles.weebly.com/uploads/5/7/6/9/57697857/design_elements.pdf · Design Elements. Design Elements Line Mass Shape Form Space Texture](https://reader030.vdocuments.site/reader030/viewer/2022040522/5e813f1c39af136ee914247d/html5/thumbnails/30.jpg)
Space as a Design Element
• Positive Space – length, width, and depth of
objects
• Negative Space – “white space”
▫ the distance between objects
▫ Necessary to avoid clutter; gives a design
breathing room
• Example: Two shapes on a page are positive
space. The space between them is negative
space.
![Page 31: Design Elements - Mrs. Stiles' Online Classroomnstiles.weebly.com/uploads/5/7/6/9/57697857/design_elements.pdf · Design Elements. Design Elements Line Mass Shape Form Space Texture](https://reader030.vdocuments.site/reader030/viewer/2022040522/5e813f1c39af136ee914247d/html5/thumbnails/31.jpg)
Examples of space
![Page 32: Design Elements - Mrs. Stiles' Online Classroomnstiles.weebly.com/uploads/5/7/6/9/57697857/design_elements.pdf · Design Elements. Design Elements Line Mass Shape Form Space Texture](https://reader030.vdocuments.site/reader030/viewer/2022040522/5e813f1c39af136ee914247d/html5/thumbnails/32.jpg)
Space can improve Readability
![Page 33: Design Elements - Mrs. Stiles' Online Classroomnstiles.weebly.com/uploads/5/7/6/9/57697857/design_elements.pdf · Design Elements. Design Elements Line Mass Shape Form Space Texture](https://reader030.vdocuments.site/reader030/viewer/2022040522/5e813f1c39af136ee914247d/html5/thumbnails/33.jpg)
![Page 34: Design Elements - Mrs. Stiles' Online Classroomnstiles.weebly.com/uploads/5/7/6/9/57697857/design_elements.pdf · Design Elements. Design Elements Line Mass Shape Form Space Texture](https://reader030.vdocuments.site/reader030/viewer/2022040522/5e813f1c39af136ee914247d/html5/thumbnails/34.jpg)
Texture as a Design Element
• Texture is an effect applied to a background
image or as the fill for an object. It can also be
an actual image inserted as the background.
• In Desktop Publishing, texture refers to how an
element looks rather than how it feels but it does
convey a sense of touch to an object.
• The same color can look different in the
presence of different textures.
![Page 35: Design Elements - Mrs. Stiles' Online Classroomnstiles.weebly.com/uploads/5/7/6/9/57697857/design_elements.pdf · Design Elements. Design Elements Line Mass Shape Form Space Texture](https://reader030.vdocuments.site/reader030/viewer/2022040522/5e813f1c39af136ee914247d/html5/thumbnails/35.jpg)
Examples of Texture
![Page 36: Design Elements - Mrs. Stiles' Online Classroomnstiles.weebly.com/uploads/5/7/6/9/57697857/design_elements.pdf · Design Elements. Design Elements Line Mass Shape Form Space Texture](https://reader030.vdocuments.site/reader030/viewer/2022040522/5e813f1c39af136ee914247d/html5/thumbnails/36.jpg)
Examples of Texture