Scribd
Upload
102 views

ETECH Lesson 4 Week 5

This document discusses the basic principles of graphics and layout design for online environments. It identifies 7 key principles: balance, emphasis, pattern/repetition/rhythm, alignment, hierarchy, contrast, and unity/harmony. For each principle, it provides examples of how they are applied in design, such as using symmetrical vs. asymmetrical balance, changing size/color to create emphasis, repeating elements to create rhythm, and arranging elements to clearly convey information through hierarchy. The document emphasizes the importance of understanding these principles for effective communication and evaluation of websites and online resources.

Uploaded by

Aira Eunice Escasa
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
102 views

ETECH Lesson 4 Week 5

This document discusses the basic principles of graphics and layout design for online environments. It identifies 7 key principles: balance, emphasis, pattern/repetition/rhythm, alignment, hierarchy, contrast, and unity/harmony. For each principle, it provides examples of how they are applied in design, such as using symmetrical vs. asymmetrical balance, changing size/color to create emphasis, repeating elements to create rhythm, and arranging elements to clearly convey information through hierarchy. The document emphasizes the importance of understanding these principles for effective communication and evaluation of websites and online resources.

Uploaded by

Aira Eunice Escasa
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 43

EMPOWERMENT TECHNOLOGY

Imaging and Design for


the Online Environment
LESSON 4 / GRADE 12
OBJECTIVES:
At the end of the lesson, you are expected to;
1. identify and explain the Basic Principles of
Graphics and Layout;
2. explain the vital use of the Basic Principles of
Graphics and Layout in communication and
industry;
3. evaluate existing websites and online resources
based on the principles of layout, graphic, and
visual message design
REVIEW < REVIEW APPLIED
PRODUCTIVITY
TOOLS
WORD
EXCEL
POWERPOINT
Compare and Contrast the following lay outs
IDEA
PITCHING:
Directions:
Give your
thoughts and
idea/s on the
print ad
poster given.
Graphic Design
and Layout
Design
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, whereas the 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
Basic Principles of Design and Layout
1. Balance
- It refers to the proper arrangement of
the elements, which gives a visual
weight for the design. There are two
types of balance, Symmetrical or
Asymmetrical.
Symmetrical balance is where the elements
are equally distributed on both sides of your
design, technically a mirror-based design.

Asymmetrical balance is a free layout where


the elements can be placed in any order or
the opposite of symmetrical.
2. Emphasis
- It refers to something that needs to
stand-out or emphasize. When
working on emphasis, you can
change the color, size, or even the
element itself to lead the eye to the
focal interest.
3. Pattern, Repetition & Rhythm
- The use of repetitive elements such as
lines, shapes, forms, textures, space,
colors, font, style, and the like to create
texture, movement, continuity, and
consistency of the design. It also makes
the design formal and more comfortable
to read because of its uniformity.
4. Alignment
- It refers to the proper placement of an
element to your design, just like
invisibly placing or aligning your texts
or images diagonally, vertically, and
horizontally. The standard texts or
paragraph alignment we apply are
center, right, left, and justified.
5. Hierarchy
- It refers to the proper arrangement of the
details such as text, characters, numbers,
and symbols. Changing its character size,
thickness, spaces, or even font type to stand
out is its most critical features. By applying
this principle, it can help the viewer to
recognize and navigate the highlight of the
event smoothly.
6. Contrast
- It refers to the use of different or opposite
elements such as sizes (large or small),
shapes (geometric or organic), spaces
(negative or positive), form (real or abstract),
colors (monochromatic, complementary,
triadic, tetradic), texture (smooth or rough),
and values (light or dark).
7. Unity and Harmony
- It refers to the relationship of the
elements or the contents when you
place them together. The elements of
the design must work together and
agree to its meaning, theme, feeling,
or mood.
Canva is a free-to-use online graphic design tool.
Use it to create social media posts, presentations,
posters, videos, logos and more
A photo and video
editing app with
tools to add filters
and various effects,
with social network
integration.
How important is to
learn the basic
graphic designing?

You might also like