Adaptivity and Layout - Visual Design | ios design guideline
AdaptivityandLayoutPeoplegenerallywanttobeabletousetheirfavoriteappsonalloftheirdevicesandinanycontext.InaniOSapp,youcanconfigureinterfaceelementsandlayoutstoautomaticallychangeshapeandsizeondifferentdevices,duringmultitaskingoniPad,insplitview,whenthescreenrotates,andmore.It’simportanttodesignanadaptableinterfacethatprovidesagreatexperienceinanyenvironment.DeviceScreenSizesandOrientationsiOSdeviceshaveavarietyofscreensizesandcanbeusedineitherportraitorlandscapeorientation.Inedge-to-edgedevi...
Adaptivity and LayoutPeople generally want to be able to use their favorite apps on all of their devices and in any context. In an iOS app, you can configure interface elements and layouts to automatically change shape and size on different devices, during multitasking on iPad, in split view, when the screen rotates, and more. It’s important to design an adaptable interface that provides a great experience in any environment.
Device Screen Sizes and OrientationsiOS devices have a variety of screen sizes and can be used in either portrait or landscape orientation. In edge-to-edge devices like iPhone X and iPad Pro, the display has rounded corners that closely match the device’s overall dimensions. Other devices — such as iPhone SE and iPad Air — have a rectangular display.
If your app runs on a specific device, make sure it runs on every screen size for that device. In other words, an iPhone-only app must run on every iPhone screen size and an iPad-only app ...