NHS Designs

Definition
a·lign·ment
noun
an arrangement or position of things in a straight line or in parallel lines

Design Principles
Alignment

1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15

Page 12: Text + Image

I want to repeat: Find a strong line and use it. If you have a photo or a graphic with a strong flush side, align the side of the text along the straight edge of the photo, as shown below.

example

There is a nice strong line along the left edge of the type, and there is a nice strong line along the left edge of the image - you can see the pink dotted line I drew along those edges. Between the text and the image, though, there Is "trapped" white space, and the white space is on awkword shape, which you can also see with the pink dotted line. When white space is trapped, it pushes the two elements apart.

 

example

Find a strong line and use it. Now the strong line on the right side of the text and the strong line on the left side of the image ore next to each other, making each other stronger, as you can see by the pink lines I drew. The white space now is floating free off the left edge. The caption has also been set against the same strong line of the edge of the image.

 

Next...

1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15

Source: The Non-Designer's Design Book by Robin Williams


ABOUT MRS. PEDERSEN · EMAIL MRS. PEDERSEN
resources · copyright information · Website designed by
Order a Custom, Watercolor Pet Portrait at PetsByDawn.com
>