Highlighted

How to create layout for mobile and tablet screen size from desktop screen size

New Here ,
May 05, 2020

Copy link to clipboard

Copied

Hi everyone!

 

I'm creating a layout for my company's new website, and I made all of it in a desktop size. But now I need a mobile version of the site and the layout is not being responsive, is there any way to make the mobile version automatically adapt itself or do I need to create an entire mobile layout and a tablet sized one too? And if so, how do I put everything on the code for the programmer to insert on the page code?

 

{Renamed By MOD}

Hi there,

 

Thanks for reaching out. Since you have already designed the website for desktop screen size, I found a helpful article that you can refer to the create the layout for mobile and tablet screen size. I am afraid, there is no way to do this automatically however you can refer to this article and try to recreate: https://create.adobe.com/2020/01/14/how-to-make-responsive-design-adobe-xd.html

 

For more information on Responsive Resize feature you can refer to these articles:

https://theblog.adobe.com/how-to-design-with-responsive-resize-xd/

https://helpx.adobe.com/xd/help/using-responsive-resize.html

 

And once the design is ready you can share it with Developers to code that for you using Adobe XD presets: https://helpx.adobe.com/xd/help/share-designs-prototypes.html

 

Let us know if this helps or if you need any further assistance.

 

Regards

Rishabh 

TOPICS
How to, Prototyping

Views

233

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

How to create layout for mobile and tablet screen size from desktop screen size

New Here ,
May 05, 2020

Copy link to clipboard

Copied

Hi everyone!

 

I'm creating a layout for my company's new website, and I made all of it in a desktop size. But now I need a mobile version of the site and the layout is not being responsive, is there any way to make the mobile version automatically adapt itself or do I need to create an entire mobile layout and a tablet sized one too? And if so, how do I put everything on the code for the programmer to insert on the page code?

 

{Renamed By MOD}

Hi there,

 

Thanks for reaching out. Since you have already designed the website for desktop screen size, I found a helpful article that you can refer to the create the layout for mobile and tablet screen size. I am afraid, there is no way to do this automatically however you can refer to this article and try to recreate: https://create.adobe.com/2020/01/14/how-to-make-responsive-design-adobe-xd.html

 

For more information on Responsive Resize feature you can refer to these articles:

https://theblog.adobe.com/how-to-design-with-responsive-resize-xd/

https://helpx.adobe.com/xd/help/using-responsive-resize.html

 

And once the design is ready you can share it with Developers to code that for you using Adobe XD presets: https://helpx.adobe.com/xd/help/share-designs-prototypes.html

 

Let us know if this helps or if you need any further assistance.

 

Regards

Rishabh 

TOPICS
How to, Prototyping

Views

234

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
May 05, 2020 0
Adobe Employee ,
May 05, 2020

Copy link to clipboard

Copied

Hi there,

 

Thanks for reaching out. Since you have already designed the website for desktop screen size, I found a helpful article that you can refer to the create the layout for mobile and tablet screen size. I am afraid, there is no way to do this automatically however you can refer to this article and try to recreate: https://create.adobe.com/2020/01/14/how-to-make-responsive-design-adobe-xd.html

 

For more information on Responsive Resize feature you can refer to these articles:

https://theblog.adobe.com/how-to-design-with-responsive-resize-xd/

https://helpx.adobe.com/xd/help/using-responsive-resize.html

 

And once the design is ready you can share it with Developers to code that for you using Adobe XD presets: https://helpx.adobe.com/xd/help/share-designs-prototypes.html

 

Let us know if this helps or if you need any further assistance.

 

Regards

Rishabh 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 05, 2020 0