LA SALETTE OF ROXAS COLLEGE, INC.

BASIC EDUCATION DEPARTMENT

S.Y. 2021 - 2022
TECHNOLOGY AND LIVELIHOOD EDUCATION
INFORMATION AND COMMUNICATION TECHNOLOGY
COMPUTER
BASIC PRINCIPLES OF GRAPHICS
AND LAYOUT 10
Q4 WEEK 1 AND 2 MODULE 1
WEE
CONTENT STANDARD PERFORMANCE STANDARDS LEARNING COMPETENCIES
K
Basic principles of The learners demonstrate an LC1 – Identify and apply design principles and 1 &2
graphics and layout understanding of how to manipulate text, elements using online creation tools, platforms,
graphics, and images to create ICT and/or applications
content intended for an online
environment.

LC2 - Apply the techniques of image 3&4

manipulation and graphic design to create
original or derivative ICT content
Image Manipulation

LC3 - use image manipulation techniques on 5&6

existing images to change or enhance their
current state
Using Online Photo
Editing tools

LC4 – Create a reflexive piece or output using 7&8

an ICT (online or offline) tool or application of
Reflecting on the ICT choice on the learning experience undergone
learning process covering during the quarter
the topics of: Image
manipulation techniques

Expected Skills
1. Explain the basic concepts and underlying theories in Photo Editing.
2. Identify and explain the basic principles of graphics and layout.
3. Explain the vital use of principles of graphics and layout in communication industry.
4. Assess the effectiveness of images and infographics to communicate a visual message in an online environment.
5. Identify and Explore career opportunities that require Photo Editing skills.
6. Practice photo manipulation and editing, use of layers and layer adjustments
7. Apply Typographic design, text mask and type manipulation
8. Identify appropriate design for a specific client and targeted audience
9. Identify and explore the different image formats
10. Apply copyright laws/intellectual property/Fair-use

Information and Communications Technology ICT G10 [Page 1 of 7]

 LA SALETTE OF ROXAS COLLEGE, INC.
BASIC EDUCATION DEPARTMENT
S.Y. 2021 - 2022

MAKE MEANING AQUISITION

CONTENT STANDARD

E.Q How to create an original or

derivative ICT content to effectively
communicate a visual message in an
online environment.
E.U. The learner will be able to use
image manipulation techniques on
existing images to change or enhance
their current state to communicate a
message for a specific purpose
Basic principles of graphics and layout
Image Manipulation
Using Online Photo Editing tools
Reflecting on the ICT learning process
covering the topics of: Image manipulation
techniques
UNIT: 3
LC1 - apply design principles
and elements using online
creation tools, platforms, and
applications
LC2 - Apply the techniques of
image manipulation and graphic
design to create original or
derivative ICT content
LC3 - use image manipulation
techniques on existing images to
change or enhance their current
state
LC4 – Create a reflexive piece or
output using an ICT (online or
offline) tool or application of
choice on the learning
experience undergone during the
quarter

The learners demonstrate

an understanding of how
to manipulate text,
graphics, and images to
create ICT content
intended for an online
environment.
PERFORMANCE TASK
  TRANSFER GOAL

PERFORMANCE
Tarpaulin advertisement or STANDARD
The learner will be able to
an invitation design. independently use image
manipulation techniques and
applications to create original
content or enhance existing
images.

21st Century Skills Creativity |Critical Thinking Skills | Digital | Technology skills and digital literacy
Core Values EXCELLENCE: Critical thinking

LESSON: BASIC PRINCIPLES OF GRAPHICS AND LAYOUT

The elements and principles of design are the building blocks of a successful beautiful design. The elements of design are
the things or tools that make up a design while the principles of design are what we do to those elements.

Before we can produce a high-quality design project whether designing a website, designing a tarpaulin, creating banners
or logos, we need to know and follow the basic principles and elements of design. As you go on to compete the activities

Information and Communications Technology ICT G10 [Page 2 of 7]

 LA SALETTE OF ROXAS COLLEGE, INC.
BASIC EDUCATION DEPARTMENT
S.Y. 2021 - 2022
in this module, keep this question in mind, Why is it that the design of a project, website or art has an
instant impact on a people’s opinion while content has more of a slow effect?

Explore: Let’s begin the module by performing the activity below in order to check your prior knowledge
about the lesson.

ACTIVITY 1 – CHECK THE WEB

In creating any design, we should always remember the different types of elements to be used and how to use them
properly. Given the picture below what can you say about the design of the website? Also, answer the following
questions. Write your answers in the Learning Activity Sheet (LAS) that can be found at the end of this module.
You may visit https://www.lingscars.com/ for better image quality

What is it?
Design is one of the most important factors when building a brand. If you don't put time, effort and even money into this,
it may result in an unsuccessful business. The design is what will set you apart from your competition and help you garner
the desired emotion or feeling from customers.

End of Explore

The Design elements and principles of design are the guidelines used by the artist to organize the visual elements of an
artwork. On the next activity we will explore and identify the different design elements and principles of design.

Firm Up: Your goal in this section is to learn and understand the key terms and concepts of Design elements and
principles.

ACTIVITY 2 THE ELEMENTS OF DESIGN

LC1 – Identify and apply design INSTRUCTIONS: Using a concept map, visually illustrate the different
principles and elements using online ELEMENTS OF DESIGN used by artists. Use the Concept Map template on your
creation tools, platforms, and/or
applications LAS found at the end of this module.

ACTIVITY 3 THE PRINCIPLES OF DESIGN

LC1 – Identify and apply design INSTRUCTIONS: Using a concept map, visually illustrate the different DESIGN
principles and elements using online PRINCIPLES used by artists. Use the Concept Map template on your LAS found
creation tools, platforms, and/or
applications at the end of this module.

What is it?
The elements of design are the parts that define the visual, the tools and components that a person uses to create a
composition. In other words, they represent the base of graphic design. The principles of design, on the other hand, are all
about how a person uses the elements to create a visual and convey a message. The most significant difference between
design principles and elements is that the principles of design can be labeled as rules, while elements are the components
that are going to help you follow those rules for the best design outcome. 

End of FIRM UP

On the next activity, let deepen our understanding of the different principles and elements. Let find out if you can
distinguish the principles from the elements.

Deepen: Your goal in this section is to intensify your knowledge and understanding of Elements of design
and principles of design.

ACTIVITY 4 - IDENTIFY THE ELEMENTS

Information and Communications Technology ICT G10 [Page 3 of 7]


LC1 – Identify and apply design
principles and elements using online
creation tools, platforms, and/or
applications
LA SALETTE OF ROXAS COLLEGE, INC.
BASIC EDUCATION DEPARTMENT
S.Y. 2021 - 2022
INSTRUCTIONS: Identify what PRINCIPLE OF DESIGN is applied and give
description to the following images below. Write your answers on your Learning
activity sheet found at the end of this module.

ACTIVITY 5 – IDENTIFY THE PRINCIPLES

LC1 – Identify and apply design INSTRUCTIONS: Identify what ELEMENTS OF DESIGN is applied and give
principles and elements using online description to the following images below. Write your answers on your Learning
creation tools, platforms, and/or
applications activity sheet found at the end of this module.

What is it?
The elements and principles of art and design are the foundation of the language we use to talk about art. The elements of
art are the visual tools that the artist uses to create a composition. Knowing how to use the E’s and P’s of art and design
helps us to create ICT content to communicate and exchange ideas through platforms like social networking sites, video
conferencing and instant messaging apps.

Process Questions:
1. What is the meaning of principle of design, why does it matter?

End of DEEPEN

References and Website Links used in this Lesson:

1. Brommer, G. F. (2010). Illustrated Elements of Art and Principles of Design. Crystal Productions.

Websites
1. https://www.toptal.com/designers/ui/principles-of-design#:~:text=The%20elements%2C%20or
%20principles%2C%20of,and%20optimizes%20the%20user%20experience.
2. https://medialoot.com/blog/the-elements-and-principles-of-design/
3. https://www.canva.com/learn/design-elements-principles/

LEARNING ACTIVITY SHEET

Information and Communications Technology (ICT-G10) Quarter 4 Week 1 & 2

NAME: __________________________________________________________________ Score: ______________

GRADE/SECTION: ______________________________________________________
EXPLORE: ACTIVITY 1 - CHECK THE WEB

Information and Communications Technology ICT G10 [Page 4 of 7]

 LA SALETTE OF ROXAS COLLEGE, INC.
BASIC EDUCATION DEPARTMENT
S.Y. 2021 - 2022

What can you say about the design of this website?

______________________________________________________________________________________________________________________

______________________________________________________________________________________________________________________
______________________________________________________________________________________________________________________

______________________________________________________________________________________________________________________

It is user friendly or is it easy to navigate through this website? If yes why, if no why not?
______________________________________________________________________________________________________________________

______________________________________________________________________________________________________________________
______________________________________________________________________________________________________________________

What would you recommend?

______________________________________________________________________________________________________________________

______________________________________________________________________________________________________________________
______________________________________________________________________________________________________________________

FIRM UP: ACTIVITY 2 - THE ELEMENTS OF DESIGN

Information and Communications Technology ICT G10 [Page 5 of 7]

 LA SALETTE OF ROXAS COLLEGE, INC.
BASIC EDUCATION DEPARTMENT
S.Y. 2021 - 2022

ELEMENTS OF
DESIGN

FIRM UP: ACTIVITY 4 - THE PRINCIPLES OF DESIGN

PRICIPLES OF
DESIGN

DEEPEN: ACTIVITY 4 - IDENTIFY THE ELEMENTS

Information and Communications Technology ICT G10 [Page 6 of 7]

 LA SALETTE OF ROXAS COLLEGE, INC.
BASIC EDUCATION DEPARTMENT
S.Y. 2021 - 2022
ELEMENT OF DESIGN EXAMPLE DESCRIPTION

Line Some description here

DEEPEN: ACTIVITY 5 - IDENTIFY THE PRINCIPLES

PRINCIPLES OF DESIGN EXAMPLE DESCRIPTION

Pattern Description

Information and Communications Technology ICT G10 [Page 7 of 7]