18 comments

  • Elliot JacksonElliot Jackson, over 9 years ago

    If you're looking for a solid starting point, I would recommend TeehanLax's setup.

    5 points
    • Jason MJason M, over 9 years ago

      This is great! Never thought about putting all the different sizes into the one document side-by-side.

      0 points
  • Sean GeraghtySean Geraghty, over 9 years ago

    I use a 1400px width and approximately 2400px height, along with a 960px grid inside.

    5 points
  • Carlos MañasCarlos Mañas, over 9 years ago

    The content should define the grid, not the other way. We are designers, is it really ok for us to use the same rules for everything?

    4 points
    • Tim GauthierTim Gauthier, over 9 years ago

      exactly. I'm working on something right now where I started with an unstyled HTML document with the most basic semantic layout and i've started to style and lay it out from there.

      3 points
  • Diego LafuenteDiego Lafuente, over 9 years ago

    I do 2560 x 2560. That fills my entire screen. Then I center a bootstrap grid I have. But I don't design in PS anymore: Sketch.

    2 points
  • Christoph OChristoph O, over 9 years ago

    Surprised nobody is designing for retina by default. I usually go for 2048x2048 to start, designing everything for retina. With mobile at over 50% of traffic and the majority of mobile using retina, I think we have to. My base grid is using powers of (2, 4, 8, 16, 32, 64...). The nice thing about this Grid is that it perfectly works for iPhone and iPad resolutions, as well as 1024x768.

    1 point
  • Todd BenningsTodd Bennings, over 9 years ago

    I'm glad to see this pop up, because I'd been having a similar discussion with some colleagues recently. I'd been using the Elliot Jay Socks 1000px grid, but I'm having trouble planning for things like image and font scaling.

    1 point
  • Charlie PrattCharlie Pratt, over 9 years ago

    *do YOU use

    1 point
  • Account deleted over 9 years ago

    When starting out designing a visual style in PS, usually anywhere between 1200px and 2000px. With guideguide, it makes it extremely easy to set up a grid based on any dimension.

    Now I usually start in sketch with separate artboards to test components at different sizes and it quickly goes into code.

    0 points
  • Dirk HCM van BoxtelDirk HCM van Boxtel, over 9 years ago (edited over 9 years ago )

    I set the width of most of my documents to somewhere over 1.5k wide, up to 3k. Height around 5k.

    Kinda depends what I'm working on.

    If it's for our web-app though, I tend to work a lot smaller, often a random size, from a screenshot, somewhere in the 900-1200 range.

    The thinking is, my layout has to be fluid in some areas anyway, so it should look good at any size.

    0 points
  • Sebastian GansriglerSebastian Gansrigler, over 9 years ago

    1400px width with 1200px grid inside

    0 points
  • Kenneth ChinKenneth Chin, over 9 years ago

    Also I was in a puzzle about which dimension should I use for different websites for a long time, especially that special frameworks like Foundation.

    For bootstrap now I start with an 1400px wide document and set 1170px grid inside. Then I set a vertical guide at 800px for important contents, with the process of design I'll resize height as I want.

    0 points
  • Nathan NNathan N, over 9 years ago (edited over 9 years ago )

    I usually use a grid like this when I set up my photoshop document.

    0 points