Skip to main content
Z
zeze88zeze
Participating Frequently
January 2, 2020
Answered

Is it ok if I set width of web page 2560px when designing?

  • January 2, 2020
  • 2 replies
  • 4295 views

I heard that the most common width is 1920px, but I saw a tutorial of web design and in that video, the designer set his width 2560px.

Is it ok if I do the same? Will it show up fine on any monitor when I design with a 2560px width?

This topic has been closed for replies.
Correct answer Spas K.

When you say width of the web page, do you mean the width of the artboard in Xd, or the width of the website content?

For the artboard size, you can go as big as you want, but I don't recommend going too wide. I keep my artboards 1920px wide or smaller, since clients most often open the prototype on their laptop, and the artboad will shrink to fit their resolution, which means it will look smaller on their screen. Also, if your monitor is smaller than 2560px, it might be annoying to navigate around the artboard if you view it at 100% zoom, as you should most of the time. 

 

For the website content width, I don't go bigger than 1200px, rarely 1260px for desktops. The majority of windows laptop screens are still 1366px wide. If you are making a web app that's fully responsive with no margins on both sides, you can use the full res, but still focus on laptop screen sizes.

 

Hope that helps. Cheers!

2 replies

Peter Villevoye
Community Expert
Peter VillevoyeCommunity Expert
Community Expert
January 4, 2020

In contrast to popular belief and practice, there are no "standard" sizes.

 

Depending on what the website's key users are, they can range from smartphone users, to users holding a tablet in portrait mode, or laptop and desktop users – hence, a vast variety of viewers and screen widths. And it's your task to find out at which breakpoint you think your design needs a different content and/or layout. E.g. do you think it's better for your website to just add excess margins to the main section (when the width increases), or to add or remove, scale and spread any columns ? Make up your mind, create some variations, try them out, see how users interact with them. 

 

There are nog wrong or right picks here.

It's all a matter of deciding and defining what's appropriate for your website's users.

    Spas K.
    Community Expert
    Spas K.Community ExpertCorrect answer
    Community Expert
    January 2, 2020

    When you say width of the web page, do you mean the width of the artboard in Xd, or the width of the website content?

    For the artboard size, you can go as big as you want, but I don't recommend going too wide. I keep my artboards 1920px wide or smaller, since clients most often open the prototype on their laptop, and the artboad will shrink to fit their resolution, which means it will look smaller on their screen. Also, if your monitor is smaller than 2560px, it might be annoying to navigate around the artboard if you view it at 100% zoom, as you should most of the time. 

     

    For the website content width, I don't go bigger than 1200px, rarely 1260px for desktops. The majority of windows laptop screens are still 1366px wide. If you are making a web app that's fully responsive with no margins on both sides, you can use the full res, but still focus on laptop screen sizes.

     

    Hope that helps. Cheers!

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices