Skip to main content
Participant
September 8, 2021
Answered

How to design website for computers and iPhone at one time in XD?

  • September 8, 2021
  • 2 replies
  • 503 views

Hey!

I wonder how to project website in the best possible way? I Woudl like my website to work nice on computers and iphones equaly good. 

 

<Title renamed by moderator>

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

Hi there. You would normally make separate versions of your design for desktops and mobile devices, as you will have different layouts, alignment, font sizes etc. on each device.

 

In Xd that would be 2 or 3 different prototypes (one for desktops, tablets, and smaller phones), as there's no native way to switch devices while previewing the design.

 

2 replies

Rishabh_Tiwari
Community Manager
Community Manager
September 8, 2021

Hi there,

 

Thanks for reaching out. You can use our Responsive Resize feature works as it allows you to resize objects while maintaining spatial relationships at different sizes to best adapt to multiple screen sizes. You will need to design for various screen sizes and to decrease your manual work of designing for other screens you can use the Responsive resize feature.

For more information, you can refer to this help article: https://helpx.adobe.com/xd/help/using-responsive-resize.html

 

Regards

Rishabh

Spas K.
Community Expert
Spas K.Community ExpertCorrect answer
Community Expert
September 8, 2021

Hi there. You would normally make separate versions of your design for desktops and mobile devices, as you will have different layouts, alignment, font sizes etc. on each device.

 

In Xd that would be 2 or 3 different prototypes (one for desktops, tablets, and smaller phones), as there's no native way to switch devices while previewing the design.