Current location - Recipe Complete Network - Healthy recipes - App interface design specification for iOS and Android (750× 1334)
App interface design specification for iOS and Android (750× 1334)
At present, many UI designers make the iPhone6(750× 1334) first, in order to adapt the iPhone6Plus upward and the size of the iPhone5 and iPhone4 downward. This lesson can also be regarded as the encyclopedia of iPhone6 interface design size specifications carefully compiled by 25 schools for everyone.

IOS article

————————————————————————————————————

Interface size

☆ status bar: it is the power bar with a height of 40px;;

☆ navigation: it is the top bar with a height of 88px;;

☆ Main submenu (tab): it is the tab bar and the bottom bar, and its height is 98px;;

☆ content area: it is the area in the middle of the screen, and its height is:1334px-40px-88px-98px =1kloc-0/08px.

| Device |App Store| Program Application | Home Screen |spotlight Search | Tab Bar | Toolbar and Navigation Bar |

| :-------------:|:-------------:| :-----:|:-----:|:-----:|

|iPhone6 plus(@3x)| 1024 1024px| 180 180px| 144× 144px|87×87 px|75 75px|66 66px|

|iPhone6(@2x)| 1024 1024px| 120 120px| 144× 144px|58 58px|75 75px|44 44px|

|iPhone5 - 5s - 5c(@2x) | 1024 1024px| 120 120px| 144× 144px|58 58px|75 75px |44 44px|

|iPhone4 - 4s(@2x)| 1024 1024px| 120 120px| 144× 144px|58 58px|75 75px|44 44px|

|iPad3 - 4 - Air - Air2 - mini2| 1024 1024px| 180 180px| 144× 144px| 100 100px|50 50px|44 44px|

|iPad 1 - 2| 1024 1024px|90 90px|72 72px|50 50px|25 25px|22 22px|

|iPad mini | 1024 1024px|90 90px|72 72px|50 50px|25 25px|22 22px|

script

The font English on iPhone is HelveticaNeue. As for Chinese, it is in bold-Jane under Mac, and it is in Chinese bold under Win. All fonts should be in even-numbered font size.

Baidu User Experience Department conducted a small survey, and the conclusions of the survey on the font size of app are as follows: