Ten guidelines for IOS7 UI design

IOS7 's 10 design guidelines cover four aspects of UI design interactivity, readability of the interface information, graphic design specifications, and organization of information. Read on and see if the UI you've designed has done it?

1. Format content

When creating a screen layout, you should fit the iOS device screen. Users should see the main content at once, without scaling or scrolling horizontally.

　2. Touch control

Try to use the interface elements specifically designed for touch and gesture, which makes it easier to interact with the application.

　3, hit the target

When designing a touch control, the dimension must not be less than 44x44px, only in order to ensure the precision and hit rate of the touch.

　4. Font size

Text size must not be less than 11 dots in order to ensure that you can read clearly without scaling at regular distances.

　　5. Contrast control

Try to ensure that the text color contrast is more obvious, and adjust the contrast between text and background to improve readability.

　　6, spacing adjustment

Do not let the text appear overlapping situations. Increase the line height and line spacing appropriately, and improve the readability of the text.

7. High resolution

Provides a high-resolution version (@2x) for all picture resources. Images that are not @2x will appear blurred on the retina screen.

　　8. Prevent stretching

Always control the height/width ratio of the picture, you can zoom, but be sure to avoid stretching, which avoids distortion.

9. Information architecture

Create easily readable layouts that make it easier to read and adjust the content of the interface.

10, to maintain the alignment

Let the text, pictures, buttons in the interface to maintain alignment, similar related content reasonably close to make it easier for users to understand the interface information.