Scribd
Upload
12 views

Emtech Module 5

Uploaded by

aerinimmmm3030
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
12 views

Emtech Module 5

Uploaded by

aerinimmmm3030
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 26

IMAGING AND

DESIGN FOR
THE ONLINE
ENVIORNMEN
T
MODULE
5
EMPOWERMENT TECHNOLOGIES
PRE-
ASSESSMENT
1. WHICH PRINCIPLE OF DESIGN IS
WHEN A DESIGNER ARRANGES THE
ELEMENTS OR TEXT ACCORDING
TO A.
ITS CONTEXT?
Balance
B. Emphasis
C. Harmony
D. Hierarchy
2. 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
3. WHICH FONT COLOR IS BEST TO
USE IF THE BACKGROUND ON YOUR
VALENTINE CARD IS RED?
A. Blue
B. Green
C. Violet
D. White
4. WHAT OTHER ELEMENTS OF
DESIGN CAN BE REPEATED ASIDE
FROM COLOR, HEADER STYLE, AND
FONTS?
A. Paper
B. Size
C. Statement
D. Word
5. 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
A. Use complementary colors CREATE
VARIATIONS?
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
BASIC PRINCIPLES
OF GRAPHICS AND
LAYOUT
Usability is important for the users as it satisfies
their experience on the website, but a good
design will drag the audience’s attention to stay
on the page. Always remember that first
impressions last and web design has an impact
on the users on how they perceive the brand or
message.
BASIC PRINCIPLES
OF GRAPHICS AND
LAYOUT
Graphic design is an artistic way of communicating ideas
and messages through visual expressions using texts,
images, and symbols. Graphic designers work on the
quality of the output they serve for the audience or clients
like websites, advertisements, posters, flyers, logos,
videos, and any other multimedia form. A practical graphic
layout and design can easily catch the attention of the
viewers and allow them to understand the message
conveniently
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 PRINCIPLE OF DESIGN AND
LAYOUT

1.BALANC
E
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. In contrast, Asymmetrical
balance is a free layout where the
elements can be placed in any order
or the opposite of symmetrical.
BASIC PRINCIPLE OF DESIGN AND
LAYOUT

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.
BASIC PRINCIPLE OF DESIGN AND
LAYOUT

3. PATTERN,
REPETITION
AND 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
BASIC PRINCIPLE OF DESIGN AND
LAYOUT
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.
BASIC PRINCIPLE OF DESIGN AND
LAYOUT
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.
BASIC PRINCIPLE OF DESIGN AND
LAYOUT
6. CONTRAST
trast 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). The contrast gives visual weight to an object or
design. You must consider and limit the use of different
elements, color, style, and typography to avoid cluttered
design. When creating contrast in color and text, it is
advised to choose a color from the background to create
consistency of your design. Always remember that the
details must be readable by having a dark-light value of
BASIC PRINCIPLE OF DESIGN AND
LAYOUT
6. CONTRAST
BASIC PRINCIPLE OF DESIGN AND
LAYOUT

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
Directions: In this activity,
you need to observe the

ACTIVITY given the picture below


and identify which
principle of graphics and
layout BEST applies in each
design. Choose your
answer inside the box
located on the bottom
page then write your
answer on a separate
sheet
ACTIVITY
CHOOSE AMONG THE
FOLLOWING:
• Balance
• Contrast
• Emphasis
• Hierarchy
• Alignment
• Pattern and Repetition
ACTIVITY
CHOOSE AMONG THE
FOLLOWING:
• Balance
• Contrast
• Emphasis
• Hierarchy
• Alignment
• Pattern and Repetition
ACTIVITY
CHOOSE AMONG THE
FOLLOWING:
• Balance
• Contrast
• Emphasis
• Hierarchy
• Alignment
• Pattern and Repetition
ACTIVITY
CHOOSE AMONG THE
FOLLOWING:
• Balance
• Contrast
• Emphasis
• Hierarchy
• Alignment
• Pattern and Repetition
ACTIVITY
CHOOSE AMONG THE
FOLLOWING:
• Balance
• Contrast
• Emphasis
• Hierarchy
• Alignment
• Pattern and Repetition
THANK
YOU!

You might also like