Basic
Principles of
Graphics and
Layout
This lesson provides information about the Basic
Principles of Graphics and Layout that should be
applied in a design. It involves the proper use
and combination of principles, texts, colors, and
images as it applies in a variety of media in
graphic designing for effective visual
communication.
Understanding Graphic Design and Layout
Graphic Design vs. Layout
Design - is a plan of creating an idea through a combination of
texts, images, and other elements that are placed together
artistically.
Layout - is a term used as the process of organizing and
arranging these elements in a design as you plot it in a paper
Basic Principles of Design and Layout
1. Balance
2. Emphasis
3. Pattern, Repetition and Rhythm
4. Alignment
5. Hierarchy
6. Contrast
7. Unity and Harmony
Rubrics:
Relevance 5
Preparation / Research 5
Presentation 5
Teamwork 5
Total =20 points
Quiz #6
Directions: Choose the letter of the best answer.
1. Monochromatic uses one color in a design. Its
advantage is to create balance and to match the color
in an artwork. However, this may lack energy and may
look monotonous. How will you use the
monochromatic scheme to create variations?
A. Use complementary colors
B. Adjust the saturation and value
C. Change the hue of the artwork or every element
D. Choose a design that is more suitable for the color
scheme used
2. What is the purpose of creating a
hierarchy in your design?
A. It gives consistency.
B. It adds visual weight.
C. To add beauty to the design.
D. Make the detail to stand out.
3. Which of the following refers to the plan of
creating an idea through a combination of
texts, images, and other elements that are
placed together artistically?
A. Design
B. Graphic
C. Layout
D. Message
4. Which principle of design is when a
designer arranges the elements or text
according to its context?
A. Balance
B. Emphasis
C. Harmony
D. Hierarchy
5. Which type of balance gives a mirror-like
design that is proportionally equal to the
other side?
A. Asymmetrical
B. Symmetrical
C. Semi-Balance
D. Semi-Proportion
6. Contrast refers to the use of different or opposite
elements such as sizes, shapes, spaces, forms, colors,
and values in design. Which of the designs below show
the least application of contrast in a design?
7. Which of the principles of graphics and
layout refers to the proper arrangement of
elements, which gives a visual weight for the
design?
A. Balance
B. Emphasis
C. Pattern, Repetition and Rhythm
D. Unity and Harmony
8. As a layout artist, we must know the details in
arranging and accentuating the most important
terms by changing its size, thickness, and spaces so
the reader can navigate the highlight of the event
easily. Which of the following principles best
describe the statement above?
A. Alignment
B. Contrast
C. Hierarchy
D. Pattern, Repetition and Rhythm
9. The following are the ways where you can
emphasize the text if you are working on a
magazine except:
A. By changing the font color
B. By making the text bold or italic
C. By adding illustrations or images
D. By changing the font size, either bigger
or smaller
10.What other elements of design can
be repeated aside from color, header
style, and fonts?
A. Paper
B. Size
C. Statement
D. Word
11. Which font color is best to use if the
background on your valentine card is
red?
A. Blue
B. Green
C. Violet
D. White
12. Every element of your design must show
the correct placement of texts, paragraphs,
or images to make it formal and readable.
Which of the following alignment is not
recommended in designing?
A. Center
B. Diagonal
C. Left
D. Right
13. Elements of design must work together and
agree to its meaning, theme, feeling, or mood.
Which of the examples below show unity and
harmony of design?
14.Refer to the illustration below. What is the
best text alignment to use if your background
design covers an art on edge?
A. Center
B. Left
C. Justified
D. Right
15.The picture below shows an example
of ________.
A. Balance
B. Emphasis
C. Hierarchy
D. Repetition
ANSWER KEY
1. B 6. C 11.
D
2. D 7. A 12.
B
3. A 8. C 13.
D
Activity #8
Let’s Assess!
Using your computer or mobile device, you need to choose from one of the
given websites below and evaluate its effectiveness based on the applied
principles of layout, graphic and visual message design.
1. https://www.deped.gov.ph
2. https://education.minecraft.net
3. https://teachforthephilippines.org
4. https://arvr.google.com/ar
5. https://www.canva.com
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 short bond paper.
