Skip to main content
Participant
August 3, 2022
Question

Endoflife New Here Feb 22, 2022 Hello everyone. I'm going to start developing my first web prototy

  • August 3, 2022
  • 1 reply
  • 112 views
Ecosystems  Here
Feb 22, 2022

Copy link to clipboard

 
 

Hello everyone. I'm going to start developing my first web prototype in Adobe XD. I would like to know in what size of the desktop version do you recommend me to make the design so that later the font size is translated on the web in the same size. I look forward to your help. Thanks.

Views

 
 827
This topic has been closed for replies.

1 reply

Spas K.
Community Expert
Community Expert
August 5, 2022

Hey there. Depends what you will be developing, I usually go with 1366 x 650 for web apps where I need to make sure smallest laptop screens are accounted for. Otherwise for less complex interfaces you could go for 1920x850 for example. I use smaller heights, because there's the browser interface and also the taskbar, which take away from the viewport height.

 

On the font size - the good practice is to use relative rem or em units in web development for responsiveness. All units in Xd are in pixels, so it's the frontend developer's job to do the calculations and come as close to the prototype as possible. If it's 16 pixels, that's 1rem (typically). If it's 20px, that's 1.25 rem, and so on.