Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
319 views

Visual Hierarchy Examples

The document discusses principles of visual hierarchy in design. It explains that visual hierarchy is the order of importance in which the eye views elements, with the primary message viewed first, secondary message second, and tertiary message third. It provides examples of establishing hierarchy through placement at the center, isolation of elements, and contrast of lines, color, tone, texture, orientation, shape, and size. The purpose of visual hierarchy is to guide the viewer's eye to the most important elements and messages.

Uploaded by

api-258279026
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
319 views

Visual Hierarchy Examples

The document discusses principles of visual hierarchy in design. It explains that visual hierarchy is the order of importance in which the eye views elements, with the primary message viewed first, secondary message second, and tertiary message third. It provides examples of establishing hierarchy through placement at the center, isolation of elements, and contrast of lines, color, tone, texture, orientation, shape, and size. The purpose of visual hierarchy is to guide the viewer's eye to the most important elements and messages.

Uploaded by

api-258279026
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 39

EXAMPLES OF

VISUAL HIERARCHY

VISUAL HIERARCHY
We can call it the order of importance -"
"" where does the eye look at First (primary message)"
"" where does the eye look at Second (secondary message)"
"" where does the eye look at Third - (tertiary message)"

Hierarchy by Placement

An object placed in the center
will often be perceived as a focal point.
If all eyes in the painting look at one object,
or if an object
is placed at the center of the lines of perspective,
that object will be
perceived as the focus of the work.

Hierarchy by Isolation"
If most of the elements in a work of art
are grouped closely together,
an object by itself stands out as a focal
point

VISUAL HIERARCHY
Hierarchy by Contrast"
Emphasis can be created by contrast.
An element in contrast with
something else is more easily seen and understood;
something different attracts the eye.

VISUAL HIERARCHY
Any of the elements can be contrasted:"
" " LINES (a curve in the midst of straight lines),
shape ie.(a circle in a field of squares)"
!
" " COLOR (one red dot on a background of grays and blacks)"
" " VALUE-Tone (a light or dark area in the middle of its opposite"
" " TEXTURE (rough vs. smooth)"
!
" " Contrast can also be created by
contrasting orientation in space (horizontal, vertical, diagonal)"
!
" " SHAPES (a geometric shape in an otherwise naturalistic image) and size."
!
" " An anomaly, or something that departs from the norm, will also stand "
out and grab our attention, for example a person wearing a snowsuit"
on a tropical beach."

What do you notice 1st? What do you notice 2nd?

VISUAL HIERARCHY

VISUAL HIERARCHY

VISUAL HIERARCHY

VISUAL HIERARCHY

VISUAL
HIERARCHY
!

WHERE DO YOU WANT


YOUR READERS EYE
TO GO 1ST?
!

WHERE DO YOU WANT


YOUR READERS EYE
TO GO 2ND?

VISUAL
HIERARCHY

VISUAL HIERARCHY

VISUAL
HIERARCHY

VISUAL HIERARCHY

VISUAL HIERARCHY

VISUAL HIERARCHY

VISUAL HIERARCHY
!
WHERE DO YOU WANT YOUR READERS EYE TO GO 1ST?

WHERE DO YOU WANT YOUR READERS EYE TO GO 2ND?


HOW DO YOU GET THEM TO SEE YOUR MESSAGE?

Bad DesignJust Too Much and


No VISUAL HIERARCHY

A Little Better Design-


more emphasis-

Need Mo Contrast on Backgrounds

Visual Hierarchy Examples


& Principles
!
!

M-101 Lab Mr Shelor

You might also like