I used to start designing at the top of the page on my layouts. The first thing I’d do is place the main image or graphic, and get it the way I liked it. Then, add the headline. Make it big, bold type… yeah, that’s it. Looks good. Hit save. Then, add the body copy

I was working on a website design recently, and was reminded of this odd little topic of shape conflicts. They’re easy to fix, if you know what you’re looking at (and for), but sometimes you’ll look at something, scratching your head, wondering “What the?…” Here’s an example of a shape conflict: There’s a rectangle sitting

Tagged under: , ,

When you’re aligning elements on your page, there are two ways to align them: mathematically, or optically. The difference is small, but it can really make a difference in your overall design. It’s not specifically “better” to use optical alignment, but judge the effect for yourself. Here’s an example of a mathematical alignment of elements.

Here’s a quick note on centering elements on a page. If you want a center-oriented layout, just be mindful of the content and flow of your elements. For example, if you have long and short copy bullets, they can start to look unbalanced if they’re spread too wide across the page. Overall balance is something

Tagged under: ,