q1 Week 3 in Tle 8 Ict
q1 Week 3 in Tle 8 Ict
Design
Principles
Discuss the
importance
of graphic
design.
Identify how
graphic design
has been
applied in the
real world.
Get to know
the principles
and elements
in graphic
design.
Learn the
fundamentals of
graphic design
and desktop
publishing.
Identify whether the
following statements
are FACT or BLUFF.
READY?
Digital Etiquette refers
to the proper and
respectful behavior
expected from
individuals when
interacting online.
Digital Rights and
Responsibilities outline
pertains to the legal
rights and restrictions
governing the use of
technology.
Digital Health and
Wellness emphasizes the
physical and psychological
well-being of individuals
using technology.
Digital Law involves
protecting one's
personal information
and data from
unauthorized access.
Digital citizenship refers
to the responsible use of
technology by anyone
who uses computers, the
Internet.
DESIGN
Is a discipline of study and practice
focused on the interaction between a
person — a ‘user’— and the man-
made environment, taking into
account aesthetic, functional,
contextual, cultural and societal
considerations.
GRAPHIC DESIGN
Is one form of design that
visually communicates
concepts and ideas to elicit
a certain action or influence
a particular habit or
behavior.
GRAPHIC DESIGNERS
These are professionals
proficient in addressing
communication issues and
presenting solutions in a clear
and visually appealing fashion.
DESKTOP PUBLISHING
(DTP) is the use of the
computer and software
to create visual displays
of ideas and
information.
VISUAL HIERARCHY
Organizing content in a
layout can be achieved
through variations in
scale, density, or color.
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.
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.
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.
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.
Is like a 2. LINE
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.
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.
Is a three-
dimensional 4. FORM
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.
Geometric Are those that
Forms
appear manmade.
Whether simple or
complex, these
produce a feeling
of control or order
and appear clean
and sterile.
Organic
Are those that Forms
appear natural.
Organic forms,
whether simple
or complex,
produce a
natural feel.
5. TONE 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.
Brings feeling to 6. TEXTURE
your work. It
defines the
surfaces of shapes
and forms and
allows us to
imagine a vintage
feeling, or modern
feeling.
a. Image Is generated
Texture
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.
Image Texture
can be
environmenta
l, biological,
or man-made.
Environmental
textures can be wood,
grain, sand, water to
the stars in the sky.
Biological
textures can be
skin, fur, feathers,
and animal prints.
Man-made textures can
be paintings,
illustrations, dies,
cloths, papers,
typography,
photographic effects,
etc.
is also generated b. Pattern
Texture
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.
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.
Whether developing a
brand from scratch, or
designing marketing
collateral for an existing
brand, it’s difficult to
overstate the
importance
of color.
80% of consumers
believe color increases
brand recognition, and
84.7% cite color as the
primary reason they buy
a particular product.
Carefully selected
brand colors help
create the right
impression and
differentiate a brand
from its competitors.
Also referred to
as Typography is 8. Text
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.
Serif typefaces are
characterized by small
decorative lines or
strokes that are added to
the ends of characters,
known as serifs.
Serif fonts are often
used for printed
materials such as
books, newspapers,
and magazines
because the serifs
help guide the
reader's eyes along
the lines of text,
improving
readability.
Examples of popular serif
typefaces include Times
New Roman, Georgia,
and Garamond.
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.
Examples of popular
sans serif typefaces
include Arial,
Helvetica, and
Verdana.
Provide students
with magazines,
newspapers, colored
paper, scissors, and
glue.
Ask them to create
collages focusing on
one or more elements
of design, such as
color, shape, line,
texture, or form.
Encourage them to
experiment with
different
arrangements to
convey specific
moods or messages.
Crayons
Ruler
Bond paper
Pencil, Marker
Create a logo for a
fictional company
using only geometric
shapes.
DESIGNER 1:
Responsible for
sketching initial ideas
and selecting the
color scheme.
DESIGNER 2:
In charge of finalizing
the logo design and
ensuring it meets the
geometric shape
requirement.
PRESENTER:
Prepares a brief
explanation of the
logo's concept and
presents it to the
class.
Use only geometric
shapes such as
squares, circles,
triangles, etc.
Incorporate at least 3
different geometric
shapes in the design.
Ensure the logo is
visually appealing and
conveys the essence of
the fictional company.
Brainstorm ideas
together for the
logo design.
Delegate tasks according to
designated roles.
Collaborate to create the final
logo design.
Practice the presentation to
explain the concept behind
the logo.
Each group will
present their
logo to the
class.
The Presenter will
explain the design
choices and the
message conveyed
by the logo.
Criteria Excellent/ Proficient/ Basic/ Emergent/
Advanced (10) Above Average Average (5) Minimal
(7) (3)
Attractiveness Visually striking and Pleasant and visually Simple and functional. May Visually unappealing or
memorable. Appeals to the appealing. Has clear visual lack visual interest or confusing. May be difficult
target audience. hierarchy and is appeal to a specific to understand or
Evokes positive emotions easily understood. audience. recall.
and associations.
Layout Design Well-balanced and unified. Visually organized and Functional but lacking in Cluttered or disorganized.
Elements are strategically functional. Elements are visual interest. Elements Elements arenot well-
placed to create a strong arranged in a logical way, are arranged in a basic or placed, making the
visual but may not be as predictable way. design confusing
composition. Shows a clear visually compelling. or visually unpleasant.
understanding of
design principles.
Technical Highly sophisticated use Well-executed using Basic technical proficiency. Limited technical skill.
Elements of technical skills. appropriate tools and Design is technically Design shows noticeable
Demonstrates advanced techniques. May show sound, but may lack polish technical errors
knowledge of tools some minor technical or sophistication. or flaws.
and techniques. Results in imperfections
a polished and
professional logo.
Content/ Unique and highly Original with some Recognizable but not Adapted from existing
Originality creative. Demonstrates a influences from existing unique. May share sources or generic. Lacks
strong understanding of designs. Shows a good similarities \with existing originality and unique
branding and target understanding of design designs. design elements.
audience. principles.
PRINCIPLES OF DESIGN
What have
you learned
from the
video?
What are the
Principles of
Design
discussed in
the video?
These are guidelines that
help designers organize
and arrange the Elements
of Design in a harmonious
and effective manner.
These principles serve as the
foundation for creating visually
appealing and functional designs
across various mediums, including
graphic design, architecture,
interior design, fashion design, and
more.
Here are
some key
principles:
1. Balance
The visual weight of
objects, texture, color
and space is evenly
distributed on the
screen.
2. Hierarchy
Hierarchy establishes the order
of importance within a design,
guiding the viewer's attention to
the most critical elements first. It
is often achieved through
variations in size, color, contrast,
and placement.
3. Emphasis
Area in the design that may appear
different in size, texture, shape, or
color to attract the viewer’s
attention. Sometimes referred to
as dominance, emphasis might
seem similar to contrast, but it’s
not quite the same.
4. Contrast
Refers to placing two
opposite elements
together. This most often
refers to a contrast in
VALUES (very light areas
next to very dark areas).
5. Movement
Means guiding the user’s eye
to a predetermined path in a
composition. When a viewer
views a design, they are first
attracted to the focal points
of the design.
6. Repetition
These are the repeating visual
elements on an image or
layout to create unity.
Repetition is the recurrence of
a design element, commonly
utilized in patterns or
textures.
Repetitive elements can be
used in conjunction with
other principles to create a
design that leads a user’s
eye to a focal point, has
continuity, or flow.
7. Rhythm
Is the visual tempo of a
combination of elements
when used repeatedly, and
with variation, it gives the
feeling of organized
movement.
Rhythm can
be Regular,
Flowing or
Progressive.
8. Proximity
Proximity refers to the
grouping of related elements
together, creating visual
relationships and organizing
information in a clear and
intuitive manner.
In design we
use proximity
for two main
reasons:
1. To Create Connections
Proximity can create
relationships between
visual elements in a
composition, create
relevance, hierarchy, create
organization and structure.
9.Unity and variety
Yellow-Orange, Red-
Orange, Red-Purple,
Tertiary Colors
Blue-Purple, Blue-
Green, Yellow-Green
Color Wheel
Colors Included
Category
The
horizontal
stroke in
letters.
Descender
A downward
vertical stroke
that extends
beyond the
baseline.
Dot
Also known as
a tittle, is a
small diacritic
on a lowercase
i or j.
Eye
The closed
counter of
a lowercase
e.
Finial
A tapered
or curved
end on a
letterform.
Ligature
Two or more
letters tied
into a single
character.
Lowercase
A smaller
form of
letters in
a
typeface.
Shoulder
A curved
stroke
originating
from a stem.
Spine
The main
curved
stroke of a
lowercase
or capital
letter.
Stem
A main stroke
that is more or
less straight,
not part of a
bowl.
Serif
A stroke added
to the
beginning or
end of one of
the main
strokes of a
letter.
Small
Capital
Short capital
letters
designed to
blend with
lowercase text.
Stroke
A straight or
curved line
that creates
the principal
part of a letter.
Terminal
A circular
form at the
end of the
arm, leg or
brow in
letters.
Uppercase
A typecase
containing
capital
letters.
X-height
The distance
between the
baseline and the
height of the
lowercase letter
‘x’.
Weight
The
thickness
of a font’s
stroke.
Type has Anatomy.
It has its very own
language full of
serifs, shoulders
and stems.
Whether you’re an aspiring
designer or a typography
enthusiast, learning the
building blocks of
typography will help you
apply it effectively within
your designs.
Is the typeface
readable? Is there
enough contrast for
the text versus the
background?
Does it reflect
the brand and
its audience
well?
What message
does the
typeface
intended to
convey?
White paper /
Board paper
Colored
pencils,
markers, or
paint
1. Topic Assignment (5
minutes) Chosen topic
for the slogan (can be
assigned or chosen
freely)
Assign each pair a
topic from the list
below:
Adventure
Mystery
Friendship
Fear
Hope
Joy
Calm
Anger
Celebration
2. Typography Brainstorm (5
minutes):
Ask pairs to discuss their
assigned topic and
brainstorm words or
phrases that represent the
feeling or theme.
Think about the types
of fonts and styles
that could best
convey the emotions
associated with your
topic.
3. Design and Creation (10
minutes):
Pairs work together to
create a visual piece
using typography to
represent your topic.
Use your creativity and
experimentation with different
fonts, sizes, colors, and
arrangements to create a
visually impactful design.
You can also use simple
lettering, cut out words, or
create unique shapes with their
letters.
4. Share and
Discuss (5 minutes):
Each pair presents
their visual piece
to the class.
Discuss how the chosen
typography effectively
conveyed the assigned
emotion or message.
Ask classmates to identify
the emotions or feelings
evoked by the visual piece.
Criteria 1 Point 2 Points 3 Points 4 Points 5 Points
Creativity and The design is very The design shows some The design is creative The design is highly The design is
Originality basic and lacks creativity but is similar and original, with some creative and original, exceptionally creative
originality. to other unique with many unique and original,
examples. elements. elements. showcasing astrong
personal vision.
Typography Fonts are inappropriate Fonts are somewhat Fonts are generally Fonts are well chosen Fonts are expertly
Choice for the appropriate but don't appropriate for the and effectively convey chosen and contribute
topic and emotion. effectively topic and emotion, but the intended emotion significantly to the
convey the emotion. some choices and emotional impact
could be better. topic. and effectiveness
of the design.
Visual Impact The design is The design is The design has The design has The design is
visually bland and visually simple, but some visual interest, strong visual impact ]visually stunning
uninterestin lacks but could be more and is pleasing to look and highly memorable.
g. strong impact. impactful. at.
Communication of The design The design The design The design clearly The design
Emotion fails to communicate partially communicates effectively and powerfully communicates the
/Message the the communicates communicates emotion or
assigned emotion or assigned emotion the assigned the assigned message in a
message. or message, but it emotion or emotion or deeply engaging
is not clear. message message. and memorable
way.
Collaboration and Students Students shared Students Students worked Students worked
Teamwork worked independently, some tasks, but worked together and together seamlessly as a cohesive
or there was a communication shared ideas and effectively, team,demonstrating
lack of teamwork. was limited. effectively. with strong exceptional
communication collaboration and
and shared vision shared ownership
of the project
Can you summarize
each of the Elements
of Design in your own
words?
How will it affect
your decision in
applying the
different principles
in your design?
What are the
important factors
in choosing the
right Color and
Typeface in your
Logo Design?
Answer the
following questions
by selecting the
best answer.
1. What is the primary
function of color in graphic
design?
a) to add texture
b) to create emphasis
c) to adjust brightness
d) to set alignment
2. Which principle of design
focuses on creating a sense
of equilibrium in a design?
a) Contrast
b) Emphasis
c) Unity
d) Balance
3. What is the primary
purpose of using repetition
in graphic design?
a) To create emphasis
b) To add variety
c) T establish consistency
d) To evoke emotion
4. Which element of design is
responsible for creating the
illusion of depth and space in a
two_x0002_dimensional
artwork?
a) Shape
b) Texture
c) Value
d) Line
5. What principle of design involves
the arrangement of elements to
create a focal point or draw
attention to certain areas?
a) Harmony
b) Movement
c) Proportion
d) Emphasis
6. What element of design
refers to the relative lightness
or darkness of a color or
grayscale?
a) Hue
b) Saturation
c) Value
d) Intensity
7. Which principle of design deals
with the consistent and
harmonious arrangement of
elements
within a composition?
a) Emphasis
b) Unity
c) Balance
d) Contrast
8. What element of design
refers to the perceived surface
quality or feel of an object in a
composition?
a) Shape
b) Texture
c) Line
d) Color
9. Which principle of design
involves the use of opposing
elements to create visual interest
and
depth?
a) Harmony
b) Contrast
c) Movement
d) Proportion
10. What element of design
refers to the path of a
moving point in a
composition?
a) Value
b) Texture
c) Line
d) Shape
1. What is the primary
function of color in graphic
design?
a) to add texture
b) to create emphasis
c) to adjust brightness
d) to set alignment
2. Which principle of design
focuses on creating a sense
of equilibrium in a design?
a) Contrast
b) Emphasis
c) Unity
d) Balance
3. What is the primary
purpose of using repetition
in graphic design?
a) To create emphasis
b) To add variety
c) T establish consistency
d) To evoke emotion
4. Which element of design is
responsible for creating the
illusion of depth and space in a
two dimensional artwork?
a) Shape
b) Texture
c) Value
d) Line
5. What principle of design involves
the arrangement of elements to
create a focal point or draw
attention to certain areas?
a) Harmony
b) Movement
c) Proportion
d) Emphasis
6. What element of design
refers to the relative lightness
or darkness of a color or
grayscale?
a) Hue
b) Saturation
c) Value
d) Intensity
7. Which principle of design deals
with the consistent and
harmonious arrangement of
elements
within a composition?
a) Emphasis
b) Unity
c) Balance
d) Contrast
8. What element of design
refers to the perceived surface
quality or feel of an object in a
composition?
a) Shape
b) Texture
c) Line
d) Color
9. Which principle of design
involves the use of opposing
elements to create visual interest
and
depth?
a) Harmony
b) Contrast
c) Movement
d) Proportion
10. What element of design
refers to the path of a
moving point in a
composition?
a) Value
b) Texture
c) Line
d) Shape