Design Basics - Alignment
Alignment refers to the visual connection between different elements of a page. In laying out your webpage, be conscious of "invisible lines" that connect one item to another. Where are your images placed? How does text wrap around your pictures? What type of text justification are you employing?
In the example below, I have a photo of a beach that I'd like to use on my web page. In the first layout, I've chosen to keep my text left justified and paid no attention to the size of the image itself. How does the second layout below unify the text and image into a cohesive unit?
In the example below, I have a photo of a beach that I'd like to use on my web page. In the first layout, I've chosen to keep my text left justified and paid no attention to the size of the image itself. How does the second layout below unify the text and image into a cohesive unit?
This is my beach in Michigan
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ultricies turpis malesuada lacus rhoncus, semper euismod nisi blandit. Morbi et libero erat. Nulla facilisi. Suspendisse vestibulum pulvinar metus ut efficitur. Ut vitae sem dui. Sed fermentum diam velit, sed cursus ante dictum ut. Morbi commodo neque in ullamcorper pharetra Suspendisse facilisis leo at nibh suscipit varius. Praesent eget semper dui, ut sollicitudin ligula. Pellentesque pretium orci ante, ac hendrerit mauris laoreet vitae. Aenean ac volutpat justo. Duis vulputate sem arcu. Donec quis efficitur nisl. This is my beach in Michigan
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ultricies turpis malesuada lacus rhoncus, semper euismod nisi blandit. Morbi et libero erat. Nulla facilisi. Suspendisse vestibulum pulvinar metus ut efficitur. Ut vitae sem dui. Sed fermentum diam velit, sed cursus ante dictum ut. Morbi commodo neque in ullamcorper pharetra Suspendisse facilisis leo at nibh suscipit varius. Praesent eget semper dui, ut sollicitudin ligula. Pellentesque pretium orci ante, ac hendrerit mauris laoreet vitae. Aenean ac volutpat justo. Duis vulputate sem arcu. Donec quis efficitur nisl. |