Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

I do mockups and prototypes of sites and designs all the time, but I've always wondered if there is a standard size or width I should be using. Generally I'll make my document either 1024, 1200, or 2560px wide, depending on what I'm doing.

So what do you think? What is a good or standard size for this?

share|improve this question
    
Not sure what you're really asking when yopu say "document width" - doesn't it depend mostly on your content width - which might also vary per device ('liquid' or 'elastic')? –  e100 Feb 20 '12 at 19:14

4 Answers 4

up vote 5 down vote accepted

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.

share|improve this answer

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.

share|improve this answer

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

See here

share|improve this answer

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

share|improve this answer
    
Welcome to Graphic Design! There's nothing wrong with your answer, but it would be preferable to see some extra information in the answer explaining why (for example) 1000px is a good number. –  Farray Feb 16 '12 at 16:01

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.