Web Design Blog
Popular Posts
- Fonts on the web and a list of web safe fonts
- CSS Hack:Getting Safari to behave
- Top 10 search engine optimization techniques
- Test IE5 or IE6 on your PC with IE7 installed
- Top 10 job boards for freelance web designers
- Creating a photo gallery in CSS without tables
- CSS Trick: Target only IE with an if statement
- Open source Dreamweaver alternatives
- 8 job boards, for freelance web designers, that don't suck
- CSS fix for the double margin float bug in IE6
Categories
CRAP Design 3: Alignment in design
Posted on Saturday, July 14th, 2007 under design inspiration, design theory, web design news by Dustin Brewer.The much anticipated follow up to my 4 part series on CRAP design (CRAP is Contrast, Repetition, Alignment and Proximity). I didn’t plan on taking this long to have this article up but as it happened work got in the way of things. But on to the good stuff.. Alignment is impossibly important in design because it is the basis for everything that is design. Without alignment you have elements that are seemingly unrelated and randomly placed. This easily applies to web, print and other media just as the other CRAP principles do. Alignment is used to create order in your design.The basic principle of alignment tells us that every item on a page must be aligned with another item in some way or another. Whether things are formally balanced or informally balanced it is best to align elements with other elements to create a flow about the design. With every design there is always going to be some aspect of the design that needs focus, the focal point. When it comes to web design the content is what needs the most focus because it is the reason the end user is coming to your web site.
Mostly with print design it is important to focus on what you are advertising which still qualifies as content of course. The focal point in any design requires that elements be aligned around the primary content and allows for the user to focus in on it rather then be distracted by some flashing banner or unsavory design elements. This is where contrast in design comes in to play, but as long as you are paying attention you know I discussed that already in a previous article.
With text it is important to align it to a strong margin, not the center of the document mind you, the most acceptable and readable method is to do this left aligned, whether justified or not is up to you. The reason you shouldn’t center align things is because it is difficult to read, very sloppy and amateurish. Center aligned text is just awful and throws off the rest of the design very quickly. Center alignment has a very formal and sedated look about it and is best left to wedding invitations and poems, sparingly of course.
Alignment is a simple design concept and as long as you are ensuring that you are consciously paying attention to the alignment of your elements and creating eye flow to your focal point it is an easy concept to deliver.
CRAP Design 1: Contrast in design
CRAP Design 2: Repetition in design


Great follow up post!
Great follow up to the other articles, I can’t wait to read the last inthe series.
I like the simplicity of the explanation there is justenough information to give direction without being a lengthy article.
Great!!!!!!!!!!!!1
I couldn’t agree more. I found alignment to be a key aspect of my designs.
Excellent Article, a lot of designers tend to forget about this very important aspect of design, along with the typeface and fonts it is sometime the last thing to be looked at but it is an important element in accessible design. Thank you.
you just found a new daily reader