Sorsogon National High School

Q2 SELF-DIRECTED LEARNING ACTIVITY SHEET # 2 IN EMPOWERMENT TECHNOLOGIES

2nd Quarter; School Year 2020-2021

Name of Learner: ____________________________________ Grade Level & Section: _________________

TITLE OF THE LESSON: Basic Elements & Principles of Graphics & Layout (Part2)

I. LEARNING OBJECTIVES:

At the end of the lesson, learners are able to:

1. Evaluate existing websites and online resources based on the principles of layout,
graphic, and visual message design

II. PRESENTATION OF THE LESSON:

In our previous lesson, we talked about the basic elements of graphics and layout. For this LAS we will
learn about the basic principles of graphics and layout. With the rise in popularity of social media and the
graphics design for the web and applications, there is a high demand for graphic designers. Graphic design
is a sought-after skill that can help produce high-end designs, adding graphics to your design can help
you showcase your creative skills.

Basic Principles of graphics and layout:

1. Balance:
• It is the distribution of the visual weight of objects, colors, texture, and space.
• Balance is a psychological sense of equilibrium.
• Balance places the parts of a visual in an aesthetically pleasing arrangement.
• In the context of graphic design, balance is of three types.
➢Symmetrical – This type of design is formed along a vertical axis and or horizontal
axis, where the weight of the elements is evenly divided into both sides of the
layout.
➢Asymmetrical – This type of balance employs scale, contrast and colour to even
out the flow of a layout. It is usually found in websites, where two sides of a
I. webpage
LEARNING differ from(each
ACTIVITIES from other
simplebut
to contain
complexsimilar
) elements.
➢Radial– Here, the elements of a design are placed in a circular pattern on the
layout. This provides a sense of movement and dynamism to the eyes of the
viewer.

Symmetrical Asymmetrical Radial

No portion of this activity learning sheet may be reproduced without the expressed consent of the
writer, and of Sorsogon National High School. Jan 4, 2021
1
 3. Movement:
• Movement is controlling the elements in a composition so that the eye is led to move from
one to the next and the information is properly communicated to your viewers. It is used to
guide the viewer through the piece. Lines, shapes, color, depth and hierarchy can all be used
to guide the viewer from one point to the next at a glance. Sometimes referred to as leading
lines.
• Such movement can be directed along lines, edges, shape, and color within the work of art.

Leading lines

4. Variety:
• It provides contrast to harmony and unity. Variety consists of the differences in objects that
add interest to a visual image. It also uses several design elements to draw a viewer’s
attention.
• Variety can be achieved by using opposites or strong contrasts. Changing the size, point of
view, and angle of a single object can add variety and interest to a visual image.

5. Pattern, Repetition & Rhythm:

• These are the repeating visual element on an image or layout to create unity in the layout or
image.
• Pattern: is the repeating of an object or symbol all over the work of art.
• Repetition: works with pattern to make the work of art seem active. The repetition of elements
of design creates unity within the work of art.
• Rhythm: is created when one or more elements of design are used repeatedly to create a
feeling of organized movement.

6. Proportion:
• The relationship of two or more elements in a design and how they compare with one another.
Proportion is said to be harmonious when a correct relationship exists between the elements
with respect to size, color, or quantity.
No portion of this activity learning sheet may be reproduced without the expressed consent of the
2 writer, and of Sorsogon National High School. Jan 4, 2021
7. Emphasis:
• The part of the design that catches the viewer’s attention. Usually the artist will make one
area stand out by contrasting it with other areas. The area could be different in size, color,
texture, shape, etc.
• A principle of design which refers to giving special importance to one or certain part of the
design. The goal is to grab the attention of the audience in one go. Emphasis in an image
can be achieved through contrast, placement, size, color, repetition, focal point /
dominance etc.

III. LEARNING TASKS:

A. Cut-out or take pictures that shows at least three (3) principles of graphics and layout. (15 pts.)

B. Re-draw in a bond paper and apply Emphasis. (10 pts.)

No portion of this activity learning sheet may be reproduced without the expressed consent of the
writer, and of Sorsogon National High School. Jan 4, 2021 3
 IV. GENERALIZATION
1. What could be the result of an art composition if we disregard the principles of graphics and
design?

V. EVALUATION:
A.
1. A type of balance in which both sides of a composition are balanced yet different.
A. Asymmetrical B. Radial C. Symmetrical D. Geometric
2. Formal balance is another word for which type of balance?
A. Asymmetrical B. Radial C. Symmetrical D. Geometric
3. Which of the following is another word for "center of interest"?
A. Focal Point B. Emphasis C. Dominance D. All of the above
4. A plan for selecting colors for a composition is also known as a ________.
A. Color spectrum B. Color Wheel C. Color Scheme D. Color Mix
5. The circular chart used to remember color relationships is a ________.
A. Color Scheme B. Color Wheel C. Color Ray D. Color Circle
6. Secondary colors are obtained by mixing two ___________ colors.
A. Neutral colors B. Complementary colors C. Primary colors D. Intermediate or Tertiary colors
7. Colors are said to be contrasting if they are _____________.
A. different in lightness and darkness. B. light in value. C. dark in value. D. bright and intense.
8. Contrast can be created by using ____________.
A. smooth and rough textures. B. large and small shapes. C. Plain areas against areas of patterns. D. all of the above.
9. Cool colors are ______________.
B. A.From
Orange,the
greenillustrations foundB. in
and purple (or violet). this
Blue, LAS,
green choose
and violet one C.which
(or purple). Yellow, to
blueyou presents
and red. D. White,the
blackbest
and brown.
layout,
10. Warm graphic
colors and visual message. Write a brief discussion on your choice.
are____________.
A. yellow, red, and orange. B. yellow, red and blue. C. yellow, green and blue D. orange, purple and green

VI. REMARKS

In this part, you can tell your teacher what confused you, what part did you find difficult or what you
learned about.
______________________________________________________________________________

______________________________________________________________________________

______________________________________________________________________________

Prepared by: PAUL JOHN A. NITE, Teacher II

ARVIN-DY U. ABECIA, Teacher I

Language Critic: ANDREA DETERA, Teacher II

Content Editors: ANNE E. MANCIA, Assistant School Principal II for Academics

MARILYN B. DIVINA, School Principal IV

No portion of this activity learning sheet may be reproduced without the expressed consent of the
writer, and of Sorsogon National High School. Jan 4, 2021
4