Page sizes for responsive web design

Question

Wondering how other designers are setting up their page sizes in 2019. Do you design 3 layouts for different screen sizes? Maybe 4 layouts or more?

It would be great if XD had a starter template file that included the most common screen sizes as separate art boards. Sketch has this and their file contains 4 sizes: Desktop HD, Desktop, Tablet Portrait and Mobile Portrait.

I am currently considering using the following 3 page sizes on my next web design project:

- 375 x 667 (mobile)

- 1366 x 768 (laptop)

- 1920 x 1080 (desktop)

Any thoughts? Would it be better to include a size for tablet in between "mobile" and "laptop"?

Atul_Saini · Accepted Answer

Hi Joe,

Thanks for sharing your feedback about responsive resize. I would request you to take a look at this link: -Responsive resize and constraints for more details on it.

You can certainly have a tablet artboard between mobile and desktop/laptop design. Please check out the presets artboard sizes on the home screen, or use artboard tool to explore options and let us know in case you need further assistance.

Thanks,

Atul_Saini

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded