: What is a good general document size for web page mockups and prototypes? I do mockups and prototypes of sites and designs all the time, but I've always wondered if there is a standard size

@Holmes874

This is (one of) the problems with prototyping outside the medium you are building in. Ideally, you'd be prototyping in the browser itself. That way you can easily and quickly account for browser variances.

Sans that, you really can only make a best guess based on the particular project you are working on.

For example, everyone in this thread is mentioning 960px. That's a fine assumption in a lot of cases, but a dangerous one in a lot of others.

Today, a good general size is 320px wide. In other words, mock up the mobile version of a responsive web site first. Then work your way out for larger views as needed.

Vote Up Vote Down

@Ann6370331

1000px for content area. on the background it depends on if your background is repeatable or just a solid color.

Vote Up Vote Down

@Ogunnowo857

For mockups and prototypes:


I use 960px with 940px usable area and 10px gutters on each side. This is pretty accurate to the 960.gs PSD and other format templates you can download.
I use Twitter Bootstrap for HTML prototyping and tend to make my photoshop wireframes resemble many of the bootstrap elements


Twitter Bootstrap now has responsive design features and media queries so you can prototype for large screens and mobile devices pretty effectively.

Vote Up Vote Down

@Turnbaugh909

960px is best in my opinion for content, but assume 1100px is visible.

See here

Vote Up Vote Down