Top ten guidelines for IOS7 UI design

Chen Zimu IOS7 's user interface is designed to be more superior than ever and provides users with a more compelling and unique experience that offers greater opportunities. Before you formally write your code, consider whether the UI design meets these 10 design guidelines to improve the usability and attractiveness of your app. If you want to know more about IOS7 's design, you can read Apple's official iOS HMI Guide (English version), or download the Chinese version of the user-translated iOS7 hmi design Guide.

Related articles:
Experience Sharing: iOS Platform design specifications
Depth Analysis! Tips for creating IOS7 design style
The Battle of Giants! IOS7 and ANDROID4.4 Kit Kat chocolate

The 10 design principles of iOS7 cover the interactivity of UI design, the readability of interface information, the specification of graphic design and the organization of information, etc. four aspects. Read on to see if the UI you've designed is done?

1. Formatted content

When you create a screen layout, you should be able to fit the iOS device screen. Users should see the main content at once without zooming or scrolling horizontally.
Click here to see more

2. Touch control

Try to use an interface element designed specifically for touch and gesture, which makes the application's interaction easier and more natural.
Click here to see more

3. Hit target

When designing a touch-controlled control, the dimensions must not be less than 44x44px, only in order to ensure the accuracy and hit ratio of the touch.
Click here to see more

4. Font size

Text size must not be less than 11 points, in order to ensure that the regular distance, no need to zoom to clearly read.
Click here to see more

5. Contrast control

Try to make sure the text color contrast is more pronounced, and adjust the contrast between text and background to improve readability.
Click here to see more

6. Pitch adjustment

Do not let the text appear overlapping situations. Increase line height and line spacing appropriately to improve readability of text.
Click here to see more

7. High resolution

Provides a high-resolution version (@2x) for all picture resources. Images that have not been @2x will appear blurry on the retina screen.
Click here to see more

8. Prevent stretching

Always control the height-to-width ratio of the picture, you can scale, but be sure to avoid stretching, which avoids distortion.
Click here to see more

9. Information architecture

Create easy-to-read, easy-to-adjust layouts to ensure the interface's content is resizable.
Click here to see more

10. Keep the Alignment

Keep text, pictures, buttons aligned on the interface, and similar content close to each other, making it easier for users to understand the interface information.
Click here to see more

Original Address: Apple UI Design
Excellent network translation:@ Chen Zimu
This article by the excellent network original translation, please respect the copyright and the translator's achievements, please attach the gifted link, the offender must investigate. Thank you for your editorial colleagues to cooperate.

"Excellent network original article posting email: [Email protected]"

================ about excellent network ================
"Uisdc.com Network" is a sharing web design, Wireless terminal design and PS Tutorial Dry Web site.
"Great Stay"
designers need to read 100 books : The history of the most comprehensive designer book navigation: http://hao.uisdc.com/book/.
Design Micro-blog : With a fan volume of 670,000 of popular Weibo @ excellent web design, welcome to get web design resources, download top design materials.
Design Navigation : The world's top design site recommendations, designers must navigate: http://hao.uisdc.com

Top ten guidelines for IOS7 UI design