Give your self margin in mockups
A few weeks ago I was at a photo shoot and the photographer said something profound that didn’t really hit me until today. As we were setting up shots, he said “If it is in the frame I am going to compose with it.” Essentially stating that if we had any element with in the frame of his shot he would naturally use it as a composition element.
Later that week while working on a design mock up I experienced the same phenomenon, however in a different light. A lot of people make the mistake of working on a mockup with in a designated width, ie: 960px , 760px, etc… however what you end up doing is composing with the edges not thinking about what happens when someone is running a higher resolution.
This is a common mistake of traditional graphic designers who are used to having set edges to the art, and will likely design a page not thinking about what happens outside of the page.
Make sure you work in a space that is significantly wider than what the site is designed for. This will force you to think about how the page will work with the background, and what edges you want to define graphically.
- Author: Ross Johnson
- Date: Tuesday, November 6, 2007
- Comments: 3 Comments
- Categories:
About This BLOG
I have always been a fan of improvement. There is something indescribably rewarding about optimizing. No matter where you are and what you are doing things could always be better. This is my mindset for everything I approach including design and business. This blog is an exploration of how to improve your design skills, knowledge and process. Provided by Web Design Agency 3.7 DESIGNS.
The Latest Buzz
No tweets available at the moment. — 3PointRoss
You should follow us on twitter here.




Totally agree with that. My graphic designer is learning some of these ‘finer details’ at the moment…
Totally, I have ran into the problem so many times when doing the front-end, and I go back to the desinger and ask: What happens when the browser window is bigger?
After a while it sinks in. The devil is in the details.
Totally agree, I learned this a few years back and ever since then all my documents are at least 1200px across, with varying heights. It also makes it actually fun to design elements that add a little extra flair to the outside areas, knowing only people with larger monitors will every really enjoy it.