Skip to main content
Nick_Baxter
Nick_Baxter
May 4, 2021
Question

Screen Resolutions

  • May 4, 2021
  • 27 replies
  • 196403 views

When designing for desktop, what resolution do you guys use?

For example, I’m doing a redesign of all the font sizes on a website. I’ve designed it in 1920 x 1080, but the customer is viewing my prototype on a 1440 x 900 screen. I understand that they have the same ratio, so the prototype will shrink/grow to fit their window, but I assume the text sizes will also scale, meaning that what was 24px in my 1920 x 1080 mockup, is now 12px on their 1440 x 900 screen.

Is this correct? And if so, is there any solution to this, aside from redesigning the whole site in 1440 x 900?

To further complicate things, what if I have multiple customers with multiple screen resolutions reviewing the same design? I can’t desig a separate file for each individual screen resolution?!

      This topic has been closed for replies.

      27 replies

      Show previous replies
      Suvadip_Ghosh
      April 26, 2023

      What font size should be used in 1280px width?

      dennsi
      dennsi
      Active Member
      April 26, 2023

      I’m always designing Desktop screens with a width of 1920px (height depends on contents). And the most important part: clients should always view the screens / prototype in 100% view so I set up the prototypes properly and generate share links that include the setting already. Also, I inform the client that the prototype is not responsive and is basically static, so it should not be viewed on a mobile device.

      100% is the only way to ensure everyone is seeing the design at the same accurate scale.
      If the design is set to be scaled up or down to fit the size of the display everyone will definitely see different sizes and therefore you don’t have a common basis for discussions.

      Scaling should just be used for presentations / slide decks where 100% accurate design dimensions are not important.

        Omama_mostafa
        May 30, 2023

        So, Should i redesign the whole design to transform 1280px to 1600px with whole components and prototypes?

          Josef068
          June 16, 2023

          I tried many solutions online , but finally solved it by updating the display card adapter driver.

          Eyal_Avitan
          Eyal_Avitan
          September 14, 2023

          Same problem here!

          got a design from the customer based on 1920 screen width.
          and im developing it on 1280.

          my issue is should a 24px text size stay 24px? or should I reduce it in proportion to the screen, in this case divide by 1.6 aprox.

            Andre26
            Andre26
            September 21, 2023

            Your iteration is correct, our UI is ended up executed by developers. And most dev use 1920 as their desktop resolutions. Besides, global/local most common screen resolution use 1920 and it’s easier to calculate eye to screen size ratio. 1440 reso is the reason why I see dribbble shots are weird and everything is way too big.

              Jorge_Rebate
              Jorge_Rebate
              New Member
              September 25, 2023

              Indeed this topic is highly dynamic because technology advances, and resolutions change constantly. Instead of providing answers that will never be entirely accurate (due to this evolution), just check online for the most popular resolutions at that moment. The answers from 2021, the original post date, won’t be the same as those in 2023, the date of the latest comments, and they won’t be the same as those in 2027.

              On this website, you can verify this information using device filters, country filters, date filters, and more.

              For the textsize try to use PT instead of PX using a converter between res-px. You can use Pixelcalculator.

              Regards 😊

                Terms & ConditionsAccessibility statement