Warning! No need to click for the next slides!

Elements of Graphic Layout

and Design

Start
 Contents Quote Elements Principles Pictures Thank You!

Contents of this Presentation

I. Pictures with the principle of Balance

1.1 Formal Balance
1.2 Informal Balance
II. Pictures with the principle of Contrast
III. Pictures with the principle of Unity
IV. Pictures with the principle of Proportion
V. Pictures with the principle of Rhythm
Contents Quote Elements Principles Pictures Thank You!

“Good design is like a refrigerator —

when it works, no one notices, but when it
doesn’t, it sure stinks.”

—Irene Au
 Contents Quote Elements Principles Pictures Thank You!

Lines Color

Elements of Graphics
Principles and Layout
Shapes Principles

Lines, Color and Shapes are the

New Folder New Folder (1)
elements of Graphics and Layout.
With those elements comes also the
principles of Graphics and Layout.

New Folder (2) Homework

Contents Quote Elements Principles Pictures Thank You!

Principles of Graphics and Layout

Balance Proportion

Unity

Contrast Rhythm
 Contents Quote Elements Principles Pictures Thank You!

Balance

Formal Balance Informal Balance

Also known as Symmetrical Balance;
Has equal or symmetrical visual balance
Also known as Asymmetrical Balance; the
objects have nearly the same “visual weight”
on either side of the vertical center of the
photograph composition, but are different in
some element such as size,shape, texture or
value.
 exit

Formal Balance FormalBalance_1.png

FormalBalance_2.png FormalBalance_3.png
FORMAL BALANCE
FORMAL BALANCE
FORMAL BALANCE
 Contents Quote Elements Principles Pictures Thank You!

Balance

Formal Balance Informal Balance

Also known as Symmetrical Balance;
Has equal or symmetrical visual balance
Also known as Asymmetrical Balance; the
objects have nearly the same “visual weight”
on either side of the vertical center of the
photograph composition, but are different in
some element such as size,shape, texture or
value.
 exit

Informal Balance
InformalBalance_1.png

InformalBalance_2.png InformalBalance_3.png
INFORMAL BALANCE
INFORMAL BALANCE
INFORMAL BALANCE
 exit

Informal Balance
InformalBalance_1.png

InformalBalance_2.png InformalBalance_3.png
 Contents Quote Elements Principles Pictures Thank You!

Balance

Formal Balance Informal Balance

Also known as Symmetrical Balance;
Has equal or symmetrical visual balance
Also known as Asymmetrical Balance; the
objects have nearly the same “visual weight”
on either side of the vertical center of the
photograph composition, but are different in
some element such as size,shape, texture or
value.
Contents Quote Elements Principles Pictures Thank You!

Principles of Graphics and Layout

Balance Proportion

Unity

Contrast Rhythm
Contents Quote Elements Principles Pictures Thank You!

Contrast

refers to the arrangement of opposite elements

and effects. For example, light and dark colors,
smooth and rough textures, large and small
shapes. Contrast can be used to create variety,
visual interest, and drama in an artwork.
Contents Quote Elements Principles Pictures Thank You!
CONTRAST
CONTRAST
CONTRAST
Monday Quote Elements Principles Pictures Thank You!
Contents Quote Elements Principles Pictures Thank You!

Principles of Graphics and Layout

Balance Proportion

Unity

Contrast Rhythm
Contents Quote Elements Principles Pictures Thank You!

Unity

is best described as harmony, which is a design

principle in its own right. It can apply to colors,
using styles that work well together, and in
some cases, repeating styles to maintain visual
consistency.
Monday Quote Elements Principles Pictures Thank You!
Unity
Unity
Unity
Contents Quote Elements Principles Pictures Thank You!

Principles of Graphics and Layout

Balance Proportion

Unity

Contrast Rhythm
 exit

Proportion
Proportion_1.pngProportion

refers to the relative size and scale of the

various elements in a design. The issue is the
relationship between objects, or parts, of a
whole. 

Proportion_2.png Proportiom_3.png
 exit

Proportion
Proportion_1.png

Proportion_2.png Proportiom_3.png
Proportion
Proportion
Proportion
 exit

Proportion
Proportion_1.png

Proportion_2.png Proportiom_3.png
Contents Quote Elements Principles Pictures Thank You!

Principles of Graphics and Layout

Balance Proportion

Unity

Contrast Rhythm
Contents Quote Elements Principles Pictures Thank You!

Rhythm

suggests movement or action. Rhythm

is usually achieved
through repetition of lines, shapes,
colors, and more. It creates a
visual tempo in artworks and provides a
path for the viewer's eye to follow.
Rhythm
Rhythm
Rhythm
Contents Quote Elements Principles Pictures Thank You!
Contents Quote Elements Principles Pictures Thank You!

Principles of Graphics and Layout

Balance Proportion

Unity

Contrast Rhythm
 Contents Tuesday Wednesday Thursday Friday Thank You!

Submitted To:

Sir Rolly J.
Capistrano
Leigh Ann M. De Grano 11-8 Br. Cirilo

THANK YOU!