Learning Competencies:
1. discuss visual design principles (SSHS);
2. identify and evaluate visual design principles used in different visual media (SSHS); and
3. produce and evaluates a creative visual-based presentation using design principles and elements (MIL11/12-VIM-IVc-10).
Topic Outline
I- Visual Information and Media
A. Visual Design Principles
2. LEARNERS WILL BE ABLE TO…
discuss visual design principles (SSHS);
identify and evaluate visual design principles
used in different visual media (SSHS); and
produce and evaluates a creative visual-based
presentation using design principles and
elements (MIL11/12-VIM-IVc-10).
LEARNING COMPETENCIES
6. VISUAL DESIGN PRINCIPLES
Source: p. 130, MIL TG by CHED
1. CONSISTENCY
• Consistency of margins, typeface,
typestyle, and colors is necessary,
especially in slide presentations or
documents that are more than one
page.
10. 2. CENTER OF INTEREST
• an area that first attracts attention in a
composition
• important objects or elements in a composition
• can be achieved by contrast of values, more
colors, and placement
VISUAL DESIGN PRINCIPLES
Source: p. 130, MIL TG by CHED
13. 3. BALANCE
• visual equality in shape, form, value,
color, etc.
• can be symmetrical and evenly
or asymmetrical and unevenly balanced
VISUAL DESIGN PRINCIPLES
Source: p. 130, MIL TG by CHED
17. 4. HARMONY
• brings together a composition with similar
units
• notice how similar harmony is to unity
(some sources list both terms)
VISUAL DESIGN PRINCIPLES
Source: p. 130, MIL TG by CHED
20. 5. CONTRAST
• offers some change in value creating a visual
discord in a composition
• shows the difference between shapes and can be
used as a background to bring objects out and
forward in a design
• can also be used to create an area of emphasis
VISUAL DESIGN PRINCIPLES
Source: p. 130, MIL TG by CHED
23. 6. DIRECTIONAL MOVEMENT
• a visual flow through the composition
• can be the suggestion of motion in a design
as you move from object to object by way
placement and position
VISUAL DESIGN PRINCIPLES
Source: p. 130, MIL TG by CHED
27. 7. RHYTHM
• a movement in which some elements recur
regularly
• like a dance, it will have a flow of objects
that will seem to be like the beat of music
VISUAL DESIGN PRINCIPLES
Source: p. 130, MIL TG by CHED
30. 8. PERSPECTIVE
• created through the arrangement of objects
in two dimensional space to look like they
appear in real life
• learned meaning of the relationship
between different objects seen in space
VISUAL DESIGN PRINCIPLES
Source: p. 130, MIL TG by CHED
36. Photo Credit: Christian Dascalu
Source: https://www.cyprus-photo.com/2015/02/model-photo-shoot-at-saint-raphael-beach/g
37. 9. DOMINANCE
• gives interest, counteracting confusion and
monotony
• can be applied to one or more of the
elements to give emphasis
PRINCIPLES OF DESIGN
https://oss.adm.ntu.edu.sg/wheng004/tag/design/
54. FORMATIVE ASSESSMENT
CLASS ACTIVITY: STILL LIFE PHOTOGRAPHY
Produce a still life photography using your
personal things (watch, phone, notebook,
books, etc.) applying at least 3 of the
discussed visual design principles.
55. REFERENCES
Media and Information Literacy Curriculum
Guide by DepEd
Media and Information Literacy Teaching
Guide by CHED
Media and Information Literacy by Boots C.
Liquigan, Diwa Learning Systems Inc.
56. REFERENCES
DESIGN ELEMENTS AND PRINCIPLES BY
CANVA.COM
https://designschool.canva.com/design-elements-
principles/
WILSON’S PORTFOLIO: PRINCIPLES OF DESIGN
https://oss.adm.ntu.edu.sg/wheng004/tag/design/
Editor's Notes
p. 130, MIL TG by CHED
Visual Design Principles are:
Consistency of margins, typeface, typestyle, and colors is necessary, especially in slide presentations or documents that are more than one page.
Center of interest – an area that first attracts attention in a composition. This area is more important when compared to the other objects or elements in a composition. This can be by contrast of values, more colors, and placement in the format.
Balance – a feeling of visual equality in shape, form, value, color, etc. Balance can be symmetrical and evenly balanced, or asymmetrical and unevenly balanced. Objects, values, colors, textures, shapes, forms, etc. can be used in creating balance in a composition.
Harmony – brings together a composition with similar units. If for example your composition was using wavy lines and organic shapes, you would stay with those types of lines and not put in just one geometric shape. (Notice how similar Harmony is to Unity - some sources list both terms).
Contrast – offers some change in value creating a visual discord in a composition. Contrast shows the difference between shapes and can be used as a background to bring objects out and forward in a design. It can also be used to create an area of emphasis.
Directional Movement – a visual flow through the composition. It can be the suggestion of motion in a design as you move from object to object by way of placement and position. Directional movement can be created with a value pattern. It is with the placement of dark and light areas that you can move your attention through the format.
Rhythm – a movement in which some elements recur regularly. Like a dance, it will have a flow of objects that will seem to be like the beat of music.
Perspective – created through the arrangement of objects in two dimensional space to look like they appear in real life. Perspective is a learned meaning of the relationship between different objects seen in space.
p. 130, MIL TG by CHED
Visual Design Principles are:
1. Consistency of margins, typeface, typestyle, and colors is necessary, especially in slide presentations or documents that are more than one page.
How is consistency achieved in this infographics?
How is consistency of design achieved in the website in web application and desktop application?
How is consistency of design achieved in these soft drink products?
p. 130, MIL TG by CHED
Visual Design Principles are:
2. Center of interest – an area that first attracts attention in a composition. This area is more important when compared to the other objects or elements in a composition. This can be by contrast of values, more colors, and placement in the format.
How is center of interest applied in this photo?
How is center of interest applied in this photo?
p. 130, MIL TG by CHED
Visual Design Principles are:
3. Balance – a feeling of visual equality in shape, form, value, color, etc. Balance can be symmetrical and evenly balanced, or asymmetrical and unevenly balanced. Objects, values, colors, textures, shapes, forms, etc. can be used in creating balance in a composition.
How is balance achieved in this composition?
Large object in the middle, balanced by small object near the edge.
p. 130, MIL TG by CHED
Visual Design Principles are:
4. Harmony – brings together a composition with similar units. If for example your composition was using wavy lines and organic shapes, you would stay with those types of lines and not put in just one geometric shape. (Notice how similar Harmony is to Unity - some sources list both terms).
How is harmony achieved in this photo?
How is unity achieved in this illustration?
p. 130, MIL TG by CHED
Visual Design Principles are:
5. Contrast – offers some change in value creating a visual discord in a composition. Contrast shows the difference between shapes and can be used as a background to bring objects out and forward in a design. It can also be used to create an area of emphasis.
How is contrast achieved in this photo?
Contrast of colors.
How is contrast achieved in this photo?
Contrast of colors.
p. 130, MIL TG by CHED
Visual Design Principles are:
6. Directional Movement – a visual flow through the composition. It can be the suggestion of motion in a design as you move from object to object by way of placement and position. Directional movement can be created with a value pattern. It is with the placement of dark and light areas that you can move your attention through the format.
How was directional movement achieved in this picture?
Gradual change in size causing movement.
How was directional movement achieved in this picture?
How was directional movement achieved in this picture?
p. 130, MIL TG by CHED
Visual Design Principles are:
7. Rhythm – a movement in which some elements recur regularly. Like a dance, it will have a flow of objects that will seem to be like the beat of music.
How was rhythm achieved in this picture?
Repeated wavy movement of colour pencils forms a rhythm.
How was rhythm achieved in this picture?
p. 130, MIL TG by CHED
Visual Design Principles are:
8. Perspective – created through the arrangement of objects in two dimensional space to look like they appear in real life. Perspective is a learned meaning of the relationship between different objects seen in space.
How is perspective achieved in this drawing?
How is perspective achieved in this drawing?
How is perspective achieved in this drawing?
How is perspective achieved in this drawing?
How is perspective achieved in this photo?
How is perspective achieved in this photo?
Wilson’s Portfolio
PRINCIPLES OF DESIGN
https://oss.adm.ntu.edu.sg/wheng004/tag/design/
Dominance gives a painting interest, counteracting confusion and monotony. Dominance can be applied to one or more of the elements to give emphasis
How was dominance achieved in this photo?
What visual design principles were evident in this poster?
What visual design principles were evident in this poster?
What visual design principles were evident in this political cartoon?
What visual design principles were evident in this political cartoon?
What visual design principles were evident in this infographic?
What visual design principles were evident in this poster?
What visual design principles were evident in this photo?
What visual design principles were evident in this advertisement?
How is perspective achieved in this photo?
What visual elements are evident in this movie poster?
What visual design principles were evident in this basketball uniform?
What visual design principles were evident in this still life photography?
Still life photography is a genre of photography used for the depiction of inanimate subject matter, typically a small group of objects. It is the application of photography to the still life artistic style. An example is food photography.
What visual design principles were evident in this still life photography?
Still life photography is a genre of photography used for the depiction of inanimate subject matter, typically a small group of objects. It is the application of photography to the still life artistic style. An example is food photography.
Still life photography is a genre of photographyused for the depiction of inanimate subject matter, typically a small group of objects. It is the application ofphotography to the still life artistic style. An example is food photography.
https://en.wikipedia.org/wiki/Still_life_photography