(轉貼)Iphone和ipad,ios UI设计的时候尺寸interface size

• 授权类型：
  MIT
• 来源：
  www.github.com
• 作者：
  ios开发者
• 支持类型：
  ios6 IPhone iPad
• 大小：
  未知
• 分类：
  UI教程

基本介绍：

设计的是,需要了解的各个元素 呵呵bar 的长宽等等

File Name	Display Type	Dimensions
"image.png"	Standard	320x367 pixels
"image@2x.png"	Retina	640x734 pixels

iPhone Portrait Width	320px
iPhone Portrait Height	480px
Status Bar Height	20px
Nav Bar Height	44px
Main Content Area Height	367px
Tab Bar Height	49px
Keyboard Height	216px

File Name	Display Type	Dimensions
"image.png"	Standard	480x219 pixels
"image@2x.png"	Retina	960x438 pixels

iPhone Landscape Width	480px
iPhone Landscape Height	320px
Status Bar Height	20px
Nav Bar Height	32px
Main Content Area Height	219px
Tab Bar Height	49px
Keyboard Height	162px

iPad Portrait Width	768px
iPad Portrait Height	1024px
Status Bar Height	20px
Nav Bar Height	44px
Main Content Area Height	911px
Tab Bar Height	49px
Keyboard Height	264px

Note that when the keyboard is displayed, it covers up the Tab Bar at the bottom of the screen.

Tags: dimensions, ipad, tab bar, status bar, nav bar

3 Comments

iPad Dimensions - Landscape

09 May 2011            Filed in: Basics

Size of the standard iPad User Interface (UI) elements in Landscape orientation.



The good thing about the iPad (so far) is that there is no Retina display to worry about - so no @2x images are required.

If you want an image to fill the Main Content Area, it needs to be 1024 pixels wide by 655 pixels high.

In case you can’t make sense of the graphic...

iPad Landscape Width	1024px
iPad Landscape Height	768px
Status Bar Height	20px
Nav Bar Height	44px
Main Content Area Height	655px
Tab Bar Height	49px
Keyboard Height	352px

DESCRIPTION	IPHONE / IPOD	IPHONE / IPOD RETINA	IPAD DIMENSIONS
Screen Dimensions	320 x 480	640 x 960	768 x 1024 1024 x 768
Screen Dimensions - Status bar	320 x 460	640 x 920	768 x 1004 1024 x 748
Status Bar	320 x 20	640 x 40	768 x 20 1024 x 20
Application icon	57 x 57	114 x 114	72 x 72
App Store icon	512 x 512	512 x 512	512 x 512
Small icon for Spotlight search results and Settings	29 x 29	58 x 58	50 x 50 for Spotlight search results 29 x 29 for Settings
Document icon (recommended for custom document types)	22 x 29	44 x 58	64 x 64 & 320 x 320
Web clip icon (recommended for web applications and websites)	57 x 57	114 x 114	72 x 72
Toolbar and navigation bar icon (optional)	~ 20 x 20	~ 40 x 40	~ 20 x 20
Tab bar icon (optional)	~ 30 x 30	~ 60 x 60	~ 30 x 30
Launch image	320 x 480	640 x 960	768 x 1004 1024 x 748
UINavigation Bar	320 x 44	640 x 88	768 x 44 1024 x 44

來源:http://www.lanrenios.com/ui/tutorial/2013/0201/871.html