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

Forum|Forum|6 years ago
December 15, 2019
返信数 2.
4390 ビュー

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.

このトピックへの返信は締め切られました。

解決に役立った回答 Kenneth Kawamoto

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

Peter Villevoye

Community Expert

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作成者

Known Participant

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

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).

Kenneth Kawamoto

解決！

Community Expert

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

redguitar作成者

Known Participant

Got it, thank you!

サインアップ

ソーシャルログイン

コミュニティへログイン

ソーシャルログイン

ファイルをウイルススキャンする。

このファイルはダウンロードできません