Smooth Graphs for Visual Exploration of Higher-Order State ...
Visual Order.
description
Transcript of Visual Order.
![Page 1: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/1.jpg)
or_der.
![Page 2: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/2.jpg)
content
![Page 3: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/3.jpg)
figure/ground
similarity
proximity
closure
continuance
translation
rotation
reflection
glide/reflection
dilation
symmetric balance
asymmetric balance
ambiguous balance
neutral balance
![Page 4: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/4.jpg)
![Page 5: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/5.jpg)
figure/ground
the distinction between foreground and background using a main figure
![Page 6: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/6.jpg)
![Page 7: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/7.jpg)
![Page 8: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/8.jpg)
![Page 9: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/9.jpg)
similarity
characteristics are shared between figures that create a visual link
![Page 10: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/10.jpg)
![Page 11: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/11.jpg)
![Page 12: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/12.jpg)
![Page 13: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/13.jpg)
proximity
spacing between figures create juxtaposition and groups
![Page 14: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/14.jpg)
![Page 15: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/15.jpg)
![Page 16: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/16.jpg)
![Page 17: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/17.jpg)
closure
the brain perceives imagery created by using negative space
![Page 18: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/18.jpg)
![Page 19: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/19.jpg)
![Page 20: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/20.jpg)
![Page 21: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/21.jpg)
continuance
objects or symbols lead the eye in a certain direction, continuing the viewing experience
![Page 22: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/22.jpg)
![Page 23: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/23.jpg)
![Page 24: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/24.jpg)
translation
the sliding of an object to the left or right without adjusting its rotation
![Page 25: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/25.jpg)
![Page 26: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/26.jpg)
![Page 27: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/27.jpg)
![Page 28: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/28.jpg)
rotation
the rotation of an object independent of degree
![Page 29: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/29.jpg)
![Page 30: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/30.jpg)
![Page 31: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/31.jpg)
![Page 32: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/32.jpg)
reflection
the object of focus is mirrored
![Page 33: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/33.jpg)
![Page 34: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/34.jpg)
![Page 35: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/35.jpg)
![Page 36: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/36.jpg)
![Page 37: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/37.jpg)
glide/reflection
an object is reflected two ways and arranged in a pattern
![Page 38: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/38.jpg)
![Page 39: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/39.jpg)
![Page 40: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/40.jpg)
dilation
a system where an object gets smaller or larger based on a system of points and measurements
![Page 41: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/41.jpg)
![Page 42: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/42.jpg)
![Page 43: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/43.jpg)
![Page 44: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/44.jpg)
![Page 45: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/45.jpg)
symmetric balance
balance is distributed equally on each side
![Page 46: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/46.jpg)
![Page 47: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/47.jpg)
![Page 48: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/48.jpg)
![Page 49: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/49.jpg)
asymmetric balance
balance is displaced evenly across the composition but with unequal placement and shapes
![Page 50: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/50.jpg)
![Page 51: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/51.jpg)
![Page 52: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/52.jpg)
![Page 53: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/53.jpg)
ambiguous balance
balance is uneven and unclear
![Page 54: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/54.jpg)
![Page 55: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/55.jpg)
![Page 56: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/56.jpg)
![Page 57: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/57.jpg)
neutral balance
balance is random, objects are random and there is a lack of emphasis
![Page 58: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/58.jpg)
![Page 59: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/59.jpg)
![Page 60: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/60.jpg)
![Page 61: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/61.jpg)
Chris Meier, 9/19/13
completed as a requirement for visual communication course in the
graphic design program at the kansas city art institute.
michael kidwell, assistant professor.
![Page 62: Visual Order.](https://reader034.fdocuments.in/reader034/viewer/2022042603/568c38611a28ab02359eb46c/html5/thumbnails/62.jpg)