Skip to main content
redguitar
redguitar
Known Participant
December 15, 2019
Answered

Is there a single artboard size that works on both iOS and Android phones?

  • December 15, 2019
  • 2 replies
  • 4369 views

My client has many stakeholders, with a mix of Android and Apple phones. My prototype looks fine on Samsung S7 but has white padding on both sides when viewed on iPhone 7. My XD version is 24.4.22.1. My current artboard width is 360. I noticed that the tutorial, which looked fine on both phones, is 375. So I'll try changing to that width. But I hoped that since I have Responsive Resize enabled, the iPhone's screen would have been automatically filled. What am I missing please? Appreciate the help.

This topic has been closed for replies.
Correct answer Kenneth Kawamoto

Unfortunately XD prototype does not scale responsively so you cannot have one artboard that caters for every possible viewport sizes.

2 replies

Peter Villevoye
Community Expert
Peter VillevoyeCommunity Expert
Community Expert
December 16, 2019

XD is for creating designs – not builds.

Just whip up some key sizes (depending on the design, not device sizes), and leave the technical part of responsiveness to the front-end developers and their testing.

    redguitar
    redguitarAuthor
    Known Participant
    December 17, 2019

    Thanks, can you please clarify "depending on the design, not device sizes?" Would a typical scenario be to find out what phones the key stakeholders are using, and create versions sized for their phones?

    Peter Villevoye
    Community Expert
    Peter VillevoyeCommunity Expert
    Community Expert
    December 17, 2019

    I once did a karaoke video about this matter...

    https://www.youtube.com/watch?v=4r2yVNeAFPc

     

    So you need to rethink the layout of your design when you think increasing or decreasing its size makes it look 'awkward' (too crammed, or too wide, whatever).

      K
      Community Expert
      Kenneth KawamotoCommunity ExpertCorrect answer
      Community Expert
      December 16, 2019

      Unfortunately XD prototype does not scale responsively so you cannot have one artboard that caters for every possible viewport sizes.

        redguitar
        redguitarAuthor
        Known Participant
        December 16, 2019

        Got it, thank you!

        Terms & ConditionsAccessibility statement
        Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices