Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

of

Website composition Slide 1 Website composition Slide 2 Website composition Slide 3 Website composition Slide 4 Website composition Slide 5 Website composition Slide 6 Website composition Slide 7 Website composition Slide 8 Website composition Slide 9 Website composition Slide 10
Upcoming SlideShare
The Charming Genius of the Apollo Guidance Computer
Next
Download to read offline and view in fullscreen.

0 Likes

Share

Download to read offline

Website composition

Download to read offline

Website composition

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all
  • Be the first to like this

Website composition

  1. 1. Visual Flow  Visual flow carries the viewer's 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.
  2. 2.  Size changes  Motion in images  Faces / images  text elements
  3. 3. In the above picture, the waterfall is flowing in a right to left direction, and the text is flowing up the waterfall. Since we all know that waterfalls fall down, there is a disconnect in the direction of the flow of water with the flow of the text. The viewer's eye moves in the wrong direction to read the text.
  4. 4. In this case, the image has been reversed so that the text is flowing in the same direction as the water. All elements lead the viewer's eye down with the flow of the water and the flow of text.
  5. 5. As you can see, the photo is placed next to some text. But the pic is looking away from that text
  6. 6. the image will be on the right of content as well as the left, this could be a good compromise. Remember, too, that while images of people's faces draw the most attention.
  7. 7. The eye moves fluidly from the image to the menu to the description that is tucked in the negative space. This triangular movement feels comfortable, keeps the user focused on the center of the page, and enhances the cohesive feel of the page.
  8. 8.  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.
  9. 9. The introductory screen is simple and well organized. The elements of text blocks and image float on a gray background and can be readily brought up on either a small or large monitor without having to scroll left/right or top/bottom.

Website composition

Views

Total views

6,009

On Slideshare

0

From embeds

0

Number of embeds

1,231

Actions

Downloads

16

Shares

0

Comments

0

Likes

0

×