- Home
- >
- Ecommerce Development
- >
- Update A Peek into the iOS Design Guidelines for Building Mobile Apps
A Peek into the iOS Design Guidelines for Building Mobile Apps is an article sent to you by the InApps editorial team. Hope readers will have more useful knowledge at www.inapps.net
You are viewing the article: A Peek into the iOS Design Guidelines for Building Mobile Apps
The challenge for developing an iOS application is the system update which brings in a host of new changes that have to be integrated with the application to get approved for the market. We list a few guidelines that follow HIG for iOS by Apple to use to build apps for the iPhone.
Resolution and Display
Based on the device, the resolution and display specifications vary for every Apple device.
| Device | Retina | Portrait (px) | Landscape (px) |
| iPhone 6+6+, 6S+ | Retina HD | 1080 x 1920 | 1920 x1080 |
| iPhone 66, 6S | Retina | 750 x 1334 | 1334 x 750 |
| iPhone 55, 5S, 5C | Retina | 640 x 1136 | 1136 x 640 |
| iPhone 44, 4S | Retina | 640 x 960 | 960 x 640 |
| iPhone1st, 2nd & 3rd Generation | No | 320 x 480 | 480 x 320 |
| iPad Air / Retina iPad1st & 2nd Generation / 3rd & 4th | No | 1536 x 2048 | 2048 x 1536 |
| iPad Pro | No | 2048 x 2732 | 2732 x 2048 |
| iPad Mini2nd & 3rd Generation | Retina | 1536 x 2048 | 2048 x 1536 |
| iPadMini, 1st & 2nd Generation | No | 768 x 1024 | 1024 x 768 |
(Source: http://iosdesign.ivomynttinen.com/)
For iOS devices, designing of a different display is done in points, which are basically entities with multiple pixels. Points are resolution-independent measurement unlike pixels, which are the smallest physical elements that can be controlled by the developers. For a retina display, a single point contains 2×2 pixels.
App Icon
With the new iPhones and iOS7, app icons have the superellipse shape. However, there is no official template of the shape, hence; developers will have to use unofficial templates for the same. For versions older than iOS 7, effects such as rounded edges, drop shadows, and gloss effect are automatically added.
With Apple’s golden ratio grid system, size and elements can be aligned on the icon.
Know More: Top 8 iOS App Development Trends to watch in 2016 & Beyond
Typography
Prior to iOS 9 and Swift coding, all iOS devices used Helvetica Neue, thereafter San Francisco has become the default font. In this there are two shapes – SF UI Display and SF UI Text hile Display is used for UI components, Text is used for wider letter spacing and is primarily used for long texts.
There are custom fonts that can be used within the iOS app, though it is important to ensure you have all the required permits.
Icons and Iconography
Icons are part of Navigation Bar, Tool Bar or Tab Bar. Bar button icons have two different states – default state with outlined style and a stroke of 1-1.5pt width and active state with solid color fill. Button icons must be drawn in one solid color with a transparent background.
With these simple guidelines, you will have ample head-start on iOS application development.
Follow this to make sure you’ve got A Peek into the iOS Design Guidelines for Building Mobile Apps. Save and share with those around you these extras.
To learn more about ECOMMERCE DEVELOPMENT
Contact us:
www.inapps.net
Let’s create the next big thing together!
Coming together is a beginning. Keeping together is progress. Working together is success.
