Visual Flow Visual flow carries the viewers eye through the document in a way that all the important elements receive prominence, and nothing snags the vision or causes the viewer to lose sense of the piece.
Size changes Motion in images Faces / images text elements
In the above picture, the waterfall is flowing in a right to left direction, and the text isflowing up the waterfall. Since we all know that waterfalls fall down, there is adisconnect in the direction of the flow of water with the flow of the text. The viewerseye moves in the wrong direction to read the text.
In this case, the image has been reversed so that the text is flowing inthe same direction as the water. All elements lead the viewers eye downwith the flow of the water and the flow of text.
As you can see, the photo is placed next to some text. But the pic islooking away from that text
the image will be on the right of content as well as the left, this could be a goodcompromise. Remember, too, that while images of peoples faces draw the mostattention.
The eye moves fluidly from the image to the menu to the description thatis tucked in the negative space. This triangular movement feelscomfortable, keeps the user focused on the center of the page, andenhances the cohesive feel of the page.
The image, a horizontal rectangle, is the most important element and the top level of importance is emphasized by the large scale. The second level, a vertical rectangle, is a list of category choices. The third level, a horizontal rectangle, is a brief paragraph of descriptive information. Subordinate information including the heads, company name, and rating control complete the page.
The introductory screen is simple and well organized. The elements of textblocks and image float on a gray background and can be readily broughtup on either a small or large monitor without having to scroll left/right ortop/bottom.