IOS App Interface Design specification

Original address:

Http://www.jianshu.com/p/67ab63723e54

Record iOS and Andoird interface design specifications, facilitate standard product design, and communicate with designers about iOS interface Dimensions

Equipment	resolution	Status Bar Height	Navigation Bar Height	Label Bar Height
IPhone6 Plus	1242x2208 px	60px	132px	147px
IPhone6	750x1334 px	40px	88px	98px
iphone5/5s/5c	640x1136 px	40px	88px	98px
Iphone4/4s	640x960 px	40px	88px	98px
Ipad3/4/air/air2/mini2	2048x1536 px	40px	88px	98px
Ipad1/2	1024x768 px	20px	44px	49px
IPad Mini	1024x768 px	20px	44px	49px

icon Size

Equipment	App Store	Program Application	Main Screen	Spotlight Search	Tab Bar	toolbars and navigation bars
IPhone6 Plus	1024*1024px	180*180px	144x144px	87x87 px	75*75px	66*66px
IPhone6	1024*1024px	120*120px	144x144px	58*58px	75*75px	44*44px
iphone5/5s/5c	1024*1024px	120*120px	144x144px	58*58px	75*75px	44*44px
Iphone4/4s	1024*1024px	120*120px	144x144px	58*58px	75*75px	44*44px
Ipad3/4/air/air2/mini2	1024*1024px	180*180px	144x144px	100*100px	50*50px	44*44px
Ipad1/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

Font

The fonts on the IPhone are: Helveticaneue As for Chinese, the Mac is in bold-Jane, win is XXFarEastFont-Arial, all fonts are double digits.

Baidu User Experience Department did a small survey, for the app font size survey conclusions are as follows:

Color Values

iOS color value to take RGB color values such as a color value, give iOS developed color value of R:12 g:34 b:56 Given the value is 12,34,56 (sometimes also according to the development of the habit, sometimes hexadecimal) interior design

1, all can click the picture must not be less than 44px (retina need 88px)
2, the individual existence of the parts must be a double size
3, twice times graph with @2x as named suffix
4, fully consider each control button in the 4 state of the style, as shown

Android Article Interface Dimensions

Android is a large size, it is recommended to use resolution for 720x1280 size design. This size is perfect in 720x1280, and it looks clearer in 1080x1920, and the picture file size is also moderate, and the memory usage is not too high.

Status bar height: px
Navigation bar Height: px
Label Bar height: px
Android recently out of the phone has almost removed the entity key, the function keys moved to the screen, of course, the same height and the label bar: px
Content area height is: 1038 px (1280-50-96-96=1038) chart size

Screen Size	Start icon	Action Bar icon	context Icon	system notification icon (white)	the most fine strokes
320x480 px	48x48 px