Scribd
Upload
3 views33 pages

EmTechL6 PrinciplesOfLay-OutGraphicAndVisualMessageDesign

Uploaded by

Shii Cursed
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
3 views33 pages

EmTechL6 PrinciplesOfLay-OutGraphicAndVisualMessageDesign

Uploaded by

Shii Cursed
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 33

Empowerme

nt
Technology
GRAPHIC LAY-OUT
Graphics are visual images or designs
Examples
on are photographs,
some surface, drawings,
such as a wall, canvas,
line
screen, art, or
paper, mathematical graphs,
stone, to inform, illustrate,
line graphs, charts, diagrams,
or entertain.
typography,
Layout numbers, symbols,
basically means the
geometric
arrangement designs, maps,
of predetermined items such
engineering
as drawings,
images, text, or a
and style on other
page.images.
GRAPHIC LAY-OUT
It establishes the overall appearance
and relationships between the graphic
elements to achieve a smooth flow of
message and eye movement for maximum
effectiveness or impact.
15 Golden Principles of Visual
Hierarchy
Basic Principles of
Graphics and Lay-
out
• Font style
• Proximity
• Repetition
• Contrast
• Alignment
Basic Principles of Graphics and Lay-out
Font style Empowermen
t Technology
FONT or TYPE FACE - a set of printed letters,
numbers, and other symbols of the same style: The
printer can produce a variety of fonts in virtually any
type size
FONT STYLE refers to the size, weight, color and
style of typed characters within a document, in an
email or on a webpage.
Basic Principles of Graphics and Lay-out
Font style
Basic Principles of Graphics and Lay-out
Font style
Basic Principles of Graphics and Lay-out
PROXIMITY

nearness in space,
time, or
relationship.
Basic Principles of Graphics and Lay-out
REPETITION

the act or an
instance of
repeating.
Basic Principles of Graphics and Lay-out
CONTRAST
The The state of
idea behind “is being
to avoid elements
on the page thatdifferent
strikingly are merelyfrom
similar. If
the elements (type, color, size,
something else in
line thickness, shape, space, etc.) are
notjuxtaposition or close
the same, then make them very
association.
different.”
Basic Principles of Graphics and Lay-out
ALIGNMENT

arrangement in a straight
line, or in correct or
appropriate relative positions.
ASSIGNMENT
Create your own PRODUCT POSTER
(your product should be original)
using the basic principles of layout.
Font style, Proximity, Contrast, Alignment,
and Repetition
-----

Criteria for Grading:


Accuracy 30%
Creativity 25%
Originality 20%
Overall Appearance/Impact 15%
Timeliness 10%
-----
ASSIGNMENT (Samples)
LAY-OUT CRITIQUE
LAY-OUT CRITIQUE
Visual Hierarchy
Visual hierarchy is the principle of arranging
elements to show their order of importance.
Visual hierarchy, according to Gestalt
psychology, is a pattern in the visual
field wherein some elements tend to
"stand out," or attract attention, more
strongly than other elements,
suggesting a hierarchy of importance.
Visual Hierarchy
FOCAL POINT
Visual Hierarchy
MOVEMENT
Visual Hierarchy
GOLDEN RATIO
Visual Hierarchy BALANCE
Visual Hierarchy REPETITION
Visual Hierarchy
WHITE SPACE
Visual Hierarchy
VISUAL TRIANGLE
Visual Hierarchy
TEXTURE
Visual Hierarchy
TYPES
Visual Hierarchy
Random
Visual Hierarchy
RULES
Visual Hierarchy
ALIGNMENT
Visual Hierarchy
LINES
Visual Hierarchy
CONTRAST
Visual Hierarchy
RULE OF THIRDS
Photo/Lay-out Critique
Photo/Lay-out Critique

You might also like