• Taylor LingTaylor Ling, over 2 years ago

    This is why when designing for iOS and Android, it must start with the smallest device size (iOS = 320x568, Anroid 360x640) because the UI will be able to fit well for larger device from a small design (if the design is done with responsive in mind), rather than the other way round.

    I'd say if you want the best result out of this, you should redesign all the screens in iPhone SE size (320x568) again so you (and the dev) will be able to see how each element are responsive to the screen size, and they can code accordingly.

    EDIT: Just to add that a 'direct' scale down will not work because that's not how it works in the mobile development. The text size for example, in the same point size, will appear 'almost' similar in physical size on any iOS devices, regardless of their pixel density. If you just scale down the iPhone X design to iPhone SE, your dev will have a lot smaller pt sizes for everything, and you can expect to see the app become a mess since they are become smaller than the initial design.

    3 points
    • Radley MarxRadley Marx, over 2 years ago

      I'll just add:

      It sounds like a lot of work, but once you have the basic elements in place for the SE, you'll find it goes pretty quick when you start to scale up.

      The main catch is you'll find some things scaled for SE will look tiny & awkward on the Xs. Spend some time finding a balance between the two, but prioritize for the Xs since that's the screen you'll be using for marketing.

      Edit: Also check out Apple's UI Guidelines. They should have rules in place for what to scale for the SE vs X.

      0 points