Designing for the top and botton of the iPhone x?

Discussion in 'iOS Programming' started by dantastic, Nov 3, 2017.

  1. dantastic macrumors 6502a


    Jan 21, 2011
    I've been making sure our existing apps works for the new iPhone, which they do. In fairness to Apple unless you have some funky implementation the new iPhone knows how to handle the navigation bar and the tab bar. The problem I'm having is I think it looks horrible - On our apps anyway.

    So far I've only been playing with the simulator, no access to the new iPhone just yet. Maybe users will get used to the different UI elements but I've found on our apps the proportions don't look right.
    I wanted to ask if anyone else have been struggling with proportions as well and if you've made any progress.

    We have been talking about dropping all use of a bottom bar as we aren't pleased with the look. We also will have to get rid of the swipe up gestures I think. Still have to test this on a real device.

    Anyone else pondering this at the moment?
  2. PhoneyDeveloper macrumors 68040


    Sep 2, 2008
    I've updated a couple apps for iPhone X. You have to make decisions about which views go to the edges of the screen and which go to the edges of the safe area. TableViews for instance do this automatically for you. The content areas of cells and headers are indented to the edges of the safe area but the tableview itself and the cell itself will go to the edge of the screen. While I had to update every screen in these apps there were none that had to be radically redesigned.
  3. PatrickCocoa macrumors 6502a

    Dec 2, 2008
    A few things to think about:
    What do your apps look like on iPad under the various split views?

    Are you designing for a specific size or aspect ratio? Apple doesn't like that, but if you are anyway, now you have a new aspect ratio to design for.

    You can extend the backgrounds by pinning the background view to the superview size, then make sure the content doesn't hit the notch by pinning the content view to the safe area. For example if you have black text on a red background, pin the red background to the superview, and the text field to the safe area. It's up to you to decide what is "background" and what is "content".

    Not sure what you mean be getting rid of the swipe up gesture. This is how the user terminates/suspends your app, so you can't get rid of it. Did I misunderstand?
  4. dantastic thread starter macrumors 6502a


    Jan 21, 2011
    This wasn't a technical question, sorry. It was a question about aesthetics and proportions.
    We use tab bars in several apps and as they extend down to the bottom of the screen in some cases it looks a bit naff. It's really more predominant where stronger colours are used I suppose.

    We also use a swipe up gesture inside an app. It's a swipe up from the bottom tool bar. It has been working well and it has been making sense even with the control center but I'm not so sure anymore.
  5. Mascots macrumors 68000


    Sep 5, 2009
    Take some time looking at / interacting with Maps for their take on how to handle bottom panels and Music for tab bar/bottom panel interaction. I'd think if you have enough space and proper sizing between elements , you should be pretty good as the system apps tend to handle this well.

Share This Page

4 November 3, 2017