visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...visual hierarchy...
TRANSCRIPT
![Page 1: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/1.jpg)
![Page 2: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/2.jpg)
V I S U A L H I E R A R C H YE X A M P L E S O F
![Page 3: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/3.jpg)
VISUAL HIERARCHYWe 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)"
![Page 4: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/4.jpg)
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.
![Page 5: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/5.jpg)
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
![Page 6: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/6.jpg)
V I S U A L H I E R A R C H YHierarchy 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.
![Page 7: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/7.jpg)
V I S U A L H I E R A R C H YAny 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."
![Page 8: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/8.jpg)
What do you notice 1st? What do you notice 2nd?
![Page 9: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/9.jpg)
![Page 10: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/10.jpg)
![Page 11: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/11.jpg)
![Page 12: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/12.jpg)
![Page 13: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/13.jpg)
V I S U A L H I E R A R C H Y
![Page 14: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/14.jpg)
V I S U A L H I E R A R C H Y
![Page 15: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/15.jpg)
V I S U A L H I E R A R C H Y
![Page 16: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/16.jpg)
V I S U A L H I E R A R C H Y
![Page 17: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/17.jpg)
V I S U A L H I E R A R C H Y
!
W H E R E D O Y O U WA N T Y O U R R E A D E R ’ S E Y E T O G O 1 S T ? !W H E R E D O Y O U WA N T Y O U R R E A D E R ’ S E Y E T O G O 2 N D ?
![Page 18: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/18.jpg)
V I S U A L H I E R A R C H Y
![Page 19: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/19.jpg)
V I S U A L H I E R A R C H Y
![Page 20: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/20.jpg)
V I S U A L H I E R A R C H Y
![Page 21: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/21.jpg)
V I S U A L H I E R A R C H Y
![Page 22: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/22.jpg)
V I S U A L H I E R A R C H Y
![Page 23: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/23.jpg)
V I S U A L H I E R A R C H Y
![Page 24: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/24.jpg)
V I S U A L H I E R A R C H Y !
W H E R E D O Y O U WA N T Y O U R R E A D E R ’ S E Y E T O G O 1 S T ? !
W H E R E D O Y O U WA N T Y O U R R E A D E R ’ S E Y E T O G O 2 N D ? H O W D O Y O U G E T T H E M T O S E E Y O U R M E S S A G E ?
![Page 25: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/25.jpg)
![Page 26: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/26.jpg)
![Page 27: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/27.jpg)
![Page 28: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/28.jpg)
Bad Design…Just Too Much and No VISUAL HIERARCHY
![Page 29: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/29.jpg)
A Little Better Design-more emphasis-
![Page 30: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/30.jpg)
![Page 31: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/31.jpg)
![Page 32: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/32.jpg)
![Page 33: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/33.jpg)
![Page 34: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/34.jpg)
![Page 35: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/35.jpg)
![Page 36: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/36.jpg)
Need Mo’ Contrast on Backgrounds
![Page 37: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/37.jpg)
![Page 38: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/38.jpg)
Visual Hierarchy Examples & Principles
!
!
M-101 Lab Mr Shelor
![Page 39: visual hierarchy exampleskhsgraphicdesign.weebly.com/uploads/3/0/2/6/30261041/...VISUAL HIERARCHY Any of the elements can be contrasted:"" •" LINES (a curve in the midst of straight](https://reader033.vdocuments.mx/reader033/viewer/2022043010/5fa1c2b75898a869586e9f45/html5/thumbnails/39.jpg)