Points of interest are the focal points of a design – the places where your eye is drawn to. By changing the spacing around those points of interest you can affect how those items are viewed on the page.
For example, an image might be the focal point of your Web page. You could choose to center the image on the page, but that's boring and flat. Instead look at the other elements on the page and change the margins around your image to create a design that heightens the interest in that picture.
On this sample page, I placed three elements: a headline, a photo, and a caption. I could choose to center all the elements, but it's a boring layout and there is no clear visual hierarchy. Your eye is drawn to the image because it's an image, not because of the position it has in the layout.
By just making a couple small changes to the position of the elements and the margins around the image, the resulting layout is more visually appealing and the eye is drawn from the headline, through the photo, to the caption. Because the spacing between the headline and the image is different from the caption and image space, you get a sense that the caption belongs with the image. I could add more photos to this page and it would be clear they were about Shasta, but the captions would go with each image separately.
Posted in: Web Design and Applications