TECHNOLOGY AND LIVELIHOOD EDUCATION 8

first QUARTER
WEEK 3 – Day 1
Matatag curriculum

INTRODUCTION
TO
GRAPHICS DESIGN
 CONTENT
INTRODUCTION TO
GRAPHICS DESIGN

LEARNING
The learners demonstrate an
STANDARD understanding of the tools and
equipment in ICT.

LEARNING
COMPETENCY
The learners will utilize graphic design
tools for graphic production.
OBJECTIVES
By the end of the lesson, the learners will be able to:
1. Demonstrate an understanding of the fundamental concepts and vocabulary
related to graphic design, including design, graphic design, graphic designers,
and desktop publishing.

2. Create collages that showcase their understanding of design elements like

color, shape, line, texture, and form.

3. Develop an appreciation for the creative process and technical skills involved
in graphic design.
UNLOCKING CONTENT AREA VOCABULARY

is a discipline of study and practice focused on the

interaction between a person — a ‘user’— and the man-
Design made environment, taking into account aesthetic,
functional, contextual, cultural and societal
considerations.
UNLOCKING CONTENT AREA VOCABULARY

Graphic is one form of design that visually communicates

Design concepts and ideas to elicit a certain action or influence
a particular habit or behavior.
UNLOCKING CONTENT AREA VOCABULARY

Graphic these are professionals proficient in addressing

communication issues
Designers and presenting solutions in a clear and visually
appealing fashion.

Desktop (DTP) is the use of the computer and software

Publishing to create visual displays of ideas and
information.
 UNLOCKING CONTENT AREA VOCABULARY

organizing content in a layout can be

Visual hierarchy achieved through variations in scale,
density, or color.
 Introduction to Graphics Design

• Graphic Design is the process or practice of combining

text and images in a visually appealing way to
communicate a message.

• Graphic designers use their creativity and technical skills

to create various designs, such as logos, advertisements,
and website layouts.
 Introduction to Graphics Design

• They consider aspects like color, typography, and layout to ensure the final product is
both attractive and effective in conveying the intended message to the audience.

• Graphic designers often work with software tools like Adobe Photoshop and
Illustrator to bring their ideas to life.
What makes a good Graphic Designer?

• A good graphic designer possesses a combination of creativity, technical skills,

attention to detail, and the ability to effectively communicate with clients and
understand their needs.

• They have a strong understanding of design principles such as color theory,

typography, and layout.

• Good graphic designers are also adaptable and able to work under pressure to meet
deadlines.

• Constantly seeking inspiration, staying updated on design trends, and being open to
feedback are also important qualities that contribute to being a successful graphic
designer.
What makes a good Graphic Designer?

• Understanding the fundamentals of design is the first step to creating visuals that
have cohesiveness, and harmony.

• By organizing these elements in a thoughtful way, you can create more than just
visuals, but a design piece that communicates a lot more.
 Core Elements in Graphic Design
These are the building blocks of Arts and design. Understanding these
elements will help you understand how art and design are fundamentally made.

1. Dot
• fixed point and is the building block of any visual form.
• This might seem basic, but what if we added a second or more dots on the
same space, we eventually create an abstract shape.
 Core Elements in Graphic Design

2. Line
• like a moving dot that can be straight or
wiggly.
• It's a simple mark we use in art.
• When we place lines strategically, they
help guide our eyes to important parts
of a picture or design.
• We call this guiding effect "leading
lines."
• They basically control how we see the
whole artwork.
 Core Elements in Graphic Design

3. Shape
• also known as plane
• Geometric shapes are angular, while organic
forms are irregular.
• Outlined shapes can represent a familiar
object such as balls, house, camera but
simple shape can be square, circle, rectangle.
 Core Elements in Graphic Design

4. Form
• a three-dimensional object with volume of
height, width, and depth.
• These objects include cubes, spheres, and
cylinders.
• Form is often used when referring to
physical works of art, like sculptures, as
form is connected most closely with three-
dimensional works.
 Core Elements in Graphic Design

There are two types of Form.

1. Geometric Forms
 are those that appear manmade.
 Whether simple or complex, these produce a
feeling of control or order and appear clean
and sterile.
 Core Elements in Graphic Design

There are two types of Form.

2. Organic Forms
• are those that appear natural.
• Organic forms, whether simple or complex,
produce a natural feel.
 Core Elements in Graphic Design

5. Tone
• It is the lightness or darkness of a color.
• It is also referred to as “value of a color”.
• Tone is one of the most powerful design
elements.
• In any painting, photograph or design, the area
of highest contrast between light and dark will
always demand maximum attention.
 Core Elements in Graphic Design

6. Texture
• brings feeling to your work.
• It defines the surfaces of shapes and forms and
allows us to imagine a vintage feeling, or modern
feeling.
• There are two types of texture: Image Texture
and Pattern Texture.
 Core Elements in Graphic Design
There are two types of texture: Image Texture and Pattern Texture.
a. Image Texture
• is generated from a combination of organic or
geometric shapes and color.
• It can be simple or complex and generally
appears random to create a particular look and
feel.
• Image textures tend to tantalize the senses and
therefore, the eye is naturally drawn to image
textures.
• They can be likened to the sense of smell and
touch; you can’t see anything in particular in it
but overall, it triggers emotions and sensations
of touch.
 Core Elements in Graphic Design
Image Texture can be environmental, biological, or man-made.

1. Environmental textures can be wood, grain, sand, water to the stars in the sky.
 Core Elements in Graphic Design
Image Texture can be environmental, biological, or man-made.

2. Biological textures can be skin, fur, feathers, and animal prints.

 Core Elements in Graphic Design
Image Texture can be environmental, biological, or man-made.

3. Man-made textures can be paintings, illustrations, dies, cloths, papers,

typography, photographic effects, etc.
 Core Elements in Graphic Design

b. Pattern Texture
• is also generated from organic or geometric
shapes and color though pattern texture is
mostly manufactured.
• Patterns can be simple or complex but
unlike image texture that generally appears
random, patterns appear more structured.
 Core Elements in Graphic Design

7. Color
• refers to the use of different hues, shades, and
tones to create visual interest, convey messages,
and evoke emotions in various design projects.
• It plays a crucial role in grabbing attention,
conveying meaning, and influencing the overall
mood or atmosphere of a design.
• It involves understanding the color wheel, color
theory, and principles such as contrast, harmony,
and saturation.
• Designers use colors strategically to establish
hierarchy, emphasize important elements, create
visual balance, and establish brand identity.
 Core Elements in Graphic Design

8. Text
• referred to as Typography is the strategic
arrangement of type to make written language
readable and visually appealing.
• The art of typography is one of the most
important skills every graphic and web designer
needs to master.
• It's central to every form of design, both print and
digital.
• We use typography to describe the shapes, forms,
and lines that make up a letter.
• There are two common style categories of text:
Serif and San Serif.
 Core Elements in Graphic Design

8. Text
• It's central to every form of design, both print and digital.
• We use typography to describe the shapes, forms, and lines that make up a
letter.
• There are two common style categories of text: Serif and San Serif.
 Core Elements in Graphic Design

Serif typefaces
• The term "sans" is French for "without,” so "sans
serif" literally means "without serifs."
• Sans’s serif typefaces have a cleaner and more
modern look compared to serif typefaces.
• They are often used for digital designs, such as
websites and presentations, as well as for signage
and advertisements where readability from a
distance is important.
• Examples of popular sans serif typefaces include Arial,
Helvetica, and Verdana.
C. Developing and Deepening Understanding

Explicitation
Core Elements in Graphic Design
These are the building blocks of Arts and design. Understanding these
elements will help you understand how art and design are fundamentally
made.
 Sans Serif typefaces, on the other hand, do
not have serifs. The term "sans" is French for
"without," so "sans serif" literally means
"without serifs." Sans’s serif typefaces have a
cleaner and more modern look compared to
serif typefaces. They are often used for digital
designs, such as websites and presentations,
as well as for signage and advertisements
where readability from a distance is
important.
 Activity1
Direction: Create a collage focusing on one or more elements of design, such as color,
shape, line, texture, or form.

Materials:
• Magazines
• Newspapers
• colored paper
• Scissors

• Here is an example of collages