Highlighted

How to make a responsive design in Adobe XD?

Community Beginner ,
Oct 17, 2019

Copy link to clipboard

Copied

I made a design for an google phone screen with 1440 x 2960 pixel, but if I try to shrink the size of on iPhone screen with 414 x 736 pixel. It looks horrible. My design is responsive, but it struggle, if the pixel sizes between the screens are an huge different. Please help me. Please see the picture below;image.png

I need to know it, for the Iphone developer to be able to implement my design.

 

<The Title was renamed by moderator>

TOPICS
How to, Import and export, Mobile

Views

157

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 make a responsive design in Adobe XD?

Community Beginner ,
Oct 17, 2019

Copy link to clipboard

Copied

I made a design for an google phone screen with 1440 x 2960 pixel, but if I try to shrink the size of on iPhone screen with 414 x 736 pixel. It looks horrible. My design is responsive, but it struggle, if the pixel sizes between the screens are an huge different. Please help me. Please see the picture below;image.png

I need to know it, for the Iphone developer to be able to implement my design.

 

<The Title was renamed by moderator>

TOPICS
How to, Import and export, Mobile

Views

158

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
Oct 17, 2019 0
Adobe Employee ,
Oct 17, 2019

Copy link to clipboard

Copied

Hi there,

 

Thank you for using Adobe XD. XD has a feature called responsive resize, which allows you to resize groups of objects while keeping their placement and scalability. All you have to do is resize the group right there on the design canvas, and XD will keep the relative spacing in place. Please check out this blog post: https://theblog.adobe.com/how-to-design-with-responsive-resize-xd/ 

 

Let us know if that helps.

 

Thanks,

Harshika

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...
Oct 17, 2019 1
Community Beginner ,
Oct 18, 2019

Copy link to clipboard

Copied

Thanks, for the fast response. I try to follow it and also group my screen first and than scale it down. But it still looks horrible, please see screenshot below.

It looks like the text doesn't want to get scale it down. I don't know what I do wrong, please can someone help me.

image.png

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...
Oct 18, 2019 0
Community Beginner ,
Oct 18, 2019

Copy link to clipboard

Copied

I was able to figure out how to scal the Text, please see picture below. But as you see the corners and the broders doesn't want to get scale down. The only think what I want is to scale it down and keep the proportion to smaller Iphone size. Or exist differnt ways in doing it?image.png

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...
Oct 18, 2019 0