0

Design Systems usually contain details about the components, typography, tone, etc. There are some systems that also provide screens/page/views, but the majority I've seen online are optimized for Desktop / Web.

I'm curious what are the preferred dimensions when providing screen example for Mobiles?

3 Answers 3

0

If you are using Figma - I would set up the grid as a style by breakpoint ranges. There are just SO many mobile devices these days that it may not be the best idea to have a few representative devices. If you really have to, then based on which country you are designing for - pick the top 3-4 from there to provide as examples, not just iPhone since it is not the most popular device in every country.

0

althought this is an old thread, you have to know that: It is much better to design native for mobiles. You should keep the feeling of material to Androids and HIG to IOS. Especially for IOS is very important due, if you refuse it there is danger for your app to be rejected by Apple. Finally, have in mind that images for IOS devices with retina screen should be x2 size. Also, there is not any de facto demensions for Android but Iphones have some specific demensions. Maybe it is best for you to design between some safe area. Here you can see some details about Android

2
  • Interesting, but what are the preferred dimensions when providing screen example for Mobiles as asked in the question?
    – Nash
    Feb 7 at 8:47
  • Hi Nash, i dont thing so that there is something de facto. I use to show mocks in a new android model 5.5 - 6 inches screen (whatever the resolution) and an Iphone X (due to i own this model). In general try to show mocks in new models. Feb 7 at 8:57
-1

For 2019, I would go with iPhone 8's sizes (375x667)WxH, since it's the same for iPhone 6s, iPhone 7 and iPhone 8 (750px × 1334px). Having the same proportions and being in top usage for US makes it a great candidate.

2

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.