ELEMENTS OF
DESIGN
Lesson 1 – Quarter 4
Empowerment Technologies
Elements of Design are important to…
▪ Textiles and Clothing
▪ Home Interiors
▪ Woodworking
▪ Photography
▪ Landscaping
▪ Architecture
▪ Foods
▪ Visual arts
5 ELEMENTS OF
DESIGN ARE…
1. LINE
▪can be horizontal, vertical, dotted, zigzag,
curved, straight, diagonal, bold, or fine
▪can show direction, lead the eye, outline an
object, divide a space, and communicate a
feeling or emotion
2. SHAPE
▪made by connecting lines
▪circle, square, triangle, and freeform are
words used to identify shapes
2. SHAPE
▪Line creates two dimensional (2D) or flat
shapes.
▪When shapes are three dimensional (3D),
we call them forms.
▪A circle is a shape; a ball is a form. A square
is a shape; a cube is a form. A drawing is a
flat shape; a sculpture is a three-
dimensional form.
3. COLOR
▪ described with the words hue, value, and intensity
▪ Hue refers to the name of the color—red or blue
▪ Intensity refers to the brightness or dullness of a hue
▪ Value tells the lightness or darkness of a hue
4. TEXTURE
▪the surface quality of an item
▪how something feels when touched or looks
like it would feel if touched
▪Sandpaper is rough. Velvet is smooth.
▪A drawing of a tree stump could show
rough outer bark and a smooth inner
surface.
▪Texture adds variety and interest.
5. SPACE
▪refers to the area that a shape or form
occupies
▪ also refers to the background against which
we see the shape or form
5. SPACE
▪ Positive space of a design
▪ the filled space in the design—often it is the shapes
that make up the design
▪ Negative space of a design
▪ the background
▪ it is as important as the positive area
POSITIVE SPACE NEGATIVE SPACE
A plan of creating an idea through
a combination of texts, images,
and other elements that are
placed together artistically.
A term used as the process of
organizing and arranging these
elements in a design as you plot it
in a paper.
–
• Evaluate existing websites
and online resources based
on the elements and
principles of layout &
graphic design.
Communication is critical for people
to share thoughts, feelings, and
emotions.
With the use of different media,
people can express their views in
many ways, including adding artistic
designs.
The purpose of the combined images
and texts gives influence to people
not just understand the sent idea or
message, but it adds emotion to
what is being seen.
Radial Balance
▪have a center point
▪Ex: A tire, pizza, and a daisy flower
▪When you look through a kaleidoscope,
everything you see has a radial balance.
Ways to create emphasis
▪Use a contrasting color.
▪Use a different or unusual line.
▪Make a shape very large or very small.
▪Use a different shape.
▪Use plain background space.
Rhythm can be
created by:
▪ Repeating a color, shape, texture, line, or
space when designing.
▪ Varying the size of objects, shapes, or lines in sequence (small to large).
▪ Using a progression of colors from tints to shades (light blue to dark blue).
▪ Shifting from one hue to a neighboring hue (yellow to yellow-orange to
orange to red-orange to red).
Using your computer or mobile device,
you need to access one existing website
and evaluate its effectiveness based on
the applied principles of layout, graphic
and visual message design.
Directions: Navigate and observe your visited website.
Using the Web Design Assessment Checklist, place a
checkmark (/) on the Yes or No column that
corresponds to each question. Add comments or
suggestions for a detailed description in each
number. Write your answer in a separate sheet of
paper.
Grab and paste a screenshot of
your chosen website and
explain the principles of design
and layout applied.
ASSESSMENT
1. What principle of design
refers to the visual weight of
objects, colors, texture, and
space?
a.Contrast c. Emphasis
b.Balance d. Alignment
2. Which of the following is an
example of ‘hierarchy’ in
design?
a.Using the same size and color for all text elements
b.Placing the most important message at the top of the page
c.Arranging content randomly on the page
d.Using a single typeface for all design elements
3. Which of the following is not
a basic element of design?
a.Line c. Sound
b.Texture d. Shape
4. How does contrast in color
and form contribute to
effective graphic design?
a.It helps to create visual interest and guide the viewer’s
attention.
b.It makes the design look more uniform and less engaging.
c.It is only relevant in black and white designs.
5. What is the primary purpose
of layout in graphic design?
a.To organize visual elements in a logical and
aesthetically pleasing manner.
b.To fill up space with as many elements as possible.
c.To focus solely on the use of typography.
Design Your Own
Event Flyer
Lesson 1 – Quarter 4
Empowerment Technologies
OBJECTIVE
▪Create a flyer for an upcoming event
(e.g., a concert, workshop, or festival)
using the basic principles of graphic
design and layout.
Materials Needed
▪Computer or mobile device with graphic
design software (e.g., Canva or Adobe
Photoshop)
Instructions
▪ Research: Look up examples of event flyers online for inspiration.
▪ Content Gathering: Decide on the event details to include, such as the name, date, location, and
any special guests or features.
▪ Sketching: Draft a rough layout on paper, positioning your text and images.
▪ Design Principles: Apply the principles as you create your flyer.
▪ Digital Execution: Use your software to bring your sketch to life. Experiment with different fonts,
colors, and images.
▪ Review and Revise: Critique your design or have others critique it. Revise based on feedback.
Outcome
▪You should have a visually appealing flyer
that effectively communicates the event
details and demonstrates your
understanding of design principles.
Rubrics for an Event Flyer
PERFECT SCORE:
30/30
Reflection
▪ What design elements worked well, and why?
▪ How did the principles of design influence your
layout choices?
▪ What would you do differently in a future design
project?

Elements-Principles-of-Design_032609.pdf

  • 1.
    ELEMENTS OF DESIGN Lesson 1– Quarter 4 Empowerment Technologies
  • 2.
    Elements of Designare important to… ▪ Textiles and Clothing ▪ Home Interiors ▪ Woodworking ▪ Photography ▪ Landscaping ▪ Architecture ▪ Foods ▪ Visual arts
  • 3.
  • 4.
    1. LINE ▪can behorizontal, vertical, dotted, zigzag, curved, straight, diagonal, bold, or fine ▪can show direction, lead the eye, outline an object, divide a space, and communicate a feeling or emotion
  • 5.
    2. SHAPE ▪made byconnecting lines ▪circle, square, triangle, and freeform are words used to identify shapes
  • 6.
    2. SHAPE ▪Line createstwo dimensional (2D) or flat shapes. ▪When shapes are three dimensional (3D), we call them forms.
  • 7.
    ▪A circle isa shape; a ball is a form. A square is a shape; a cube is a form. A drawing is a flat shape; a sculpture is a three- dimensional form.
  • 8.
    3. COLOR ▪ describedwith the words hue, value, and intensity ▪ Hue refers to the name of the color—red or blue ▪ Intensity refers to the brightness or dullness of a hue ▪ Value tells the lightness or darkness of a hue
  • 10.
    4. TEXTURE ▪the surfacequality of an item ▪how something feels when touched or looks like it would feel if touched ▪Sandpaper is rough. Velvet is smooth.
  • 11.
    ▪A drawing ofa tree stump could show rough outer bark and a smooth inner surface. ▪Texture adds variety and interest.
  • 12.
    5. SPACE ▪refers tothe area that a shape or form occupies ▪ also refers to the background against which we see the shape or form
  • 13.
    5. SPACE ▪ Positivespace of a design ▪ the filled space in the design—often it is the shapes that make up the design ▪ Negative space of a design ▪ the background ▪ it is as important as the positive area
  • 14.
  • 16.
    A plan ofcreating an idea through a combination of texts, images, and other elements that are placed together artistically.
  • 17.
    A term usedas the process of organizing and arranging these elements in a design as you plot it in a paper. –
  • 18.
    • Evaluate existingwebsites and online resources based on the elements and principles of layout & graphic design.
  • 20.
    Communication is criticalfor people to share thoughts, feelings, and emotions.
  • 21.
    With the useof different media, people can express their views in many ways, including adding artistic designs.
  • 22.
    The purpose ofthe combined images and texts gives influence to people not just understand the sent idea or message, but it adds emotion to what is being seen.
  • 26.
    Radial Balance ▪have acenter point ▪Ex: A tire, pizza, and a daisy flower ▪When you look through a kaleidoscope, everything you see has a radial balance.
  • 29.
    Ways to createemphasis ▪Use a contrasting color. ▪Use a different or unusual line. ▪Make a shape very large or very small. ▪Use a different shape. ▪Use plain background space.
  • 32.
    Rhythm can be createdby: ▪ Repeating a color, shape, texture, line, or space when designing. ▪ Varying the size of objects, shapes, or lines in sequence (small to large). ▪ Using a progression of colors from tints to shades (light blue to dark blue). ▪ Shifting from one hue to a neighboring hue (yellow to yellow-orange to orange to red-orange to red).
  • 43.
    Using your computeror mobile device, you need to access one existing website and evaluate its effectiveness based on the applied principles of layout, graphic and visual message design.
  • 44.
    Directions: Navigate andobserve your visited website. Using the Web Design Assessment Checklist, place a checkmark (/) on the Yes or No column that corresponds to each question. Add comments or suggestions for a detailed description in each number. Write your answer in a separate sheet of paper.
  • 51.
    Grab and pastea screenshot of your chosen website and explain the principles of design and layout applied.
  • 52.
  • 53.
    1. What principleof design refers to the visual weight of objects, colors, texture, and space? a.Contrast c. Emphasis b.Balance d. Alignment
  • 54.
    2. Which ofthe following is an example of ‘hierarchy’ in design? a.Using the same size and color for all text elements b.Placing the most important message at the top of the page c.Arranging content randomly on the page d.Using a single typeface for all design elements
  • 55.
    3. Which ofthe following is not a basic element of design? a.Line c. Sound b.Texture d. Shape
  • 56.
    4. How doescontrast in color and form contribute to effective graphic design? a.It helps to create visual interest and guide the viewer’s attention. b.It makes the design look more uniform and less engaging. c.It is only relevant in black and white designs.
  • 57.
    5. What isthe primary purpose of layout in graphic design? a.To organize visual elements in a logical and aesthetically pleasing manner. b.To fill up space with as many elements as possible. c.To focus solely on the use of typography.
  • 58.
    Design Your Own EventFlyer Lesson 1 – Quarter 4 Empowerment Technologies
  • 59.
    OBJECTIVE ▪Create a flyerfor an upcoming event (e.g., a concert, workshop, or festival) using the basic principles of graphic design and layout.
  • 60.
    Materials Needed ▪Computer ormobile device with graphic design software (e.g., Canva or Adobe Photoshop)
  • 61.
    Instructions ▪ Research: Lookup examples of event flyers online for inspiration. ▪ Content Gathering: Decide on the event details to include, such as the name, date, location, and any special guests or features. ▪ Sketching: Draft a rough layout on paper, positioning your text and images. ▪ Design Principles: Apply the principles as you create your flyer. ▪ Digital Execution: Use your software to bring your sketch to life. Experiment with different fonts, colors, and images. ▪ Review and Revise: Critique your design or have others critique it. Revise based on feedback.
  • 62.
    Outcome ▪You should havea visually appealing flyer that effectively communicates the event details and demonstrates your understanding of design principles.
  • 63.
    Rubrics for anEvent Flyer PERFECT SCORE: 30/30
  • 64.
    Reflection ▪ What designelements worked well, and why? ▪ How did the principles of design influence your layout choices? ▪ What would you do differently in a future design project?