Search code examples
iosxcode7screen-sizepaintcode

Whats the best width and height for PaintCode canvas?

I'm developing an app using Xcode 7, targetted for all iPhone screens. I'm using PaintCode 2 to design the user interface. But I'm confused about the best height and width which will fit all screen sizes without losing any detail while rendering the interface on UIView.

Can someone suggest me the best canvas size for designing?

Solution

  • If you want to desing the app in PaintCode, the best approach is probably using Frames. By setting resizing behavior you can get the best layout on all iPhone screen sizes. You can then use one canvas as main and have additional canvases with Symbol for other sizes. See attached image.

    enter image description here

    Keep in mind that when designing whole screen in PaintCode, it then cannot be used directly from code. However, it allows you to break the design into bars, buttons, icons, and other controls, which can be used both in you composed design and from the code (using StyleKit).

    Some people even use the PaintCode to produce App Store screenshots, instead of snapshotting the running app.

    Links: