Created
July 25, 2012 08:43
-
-
Save xiangyuan/3175149 to your computer and use it in GitHub Desktop.
iphone界面
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
http://developer.apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/MobileHIG.pdf | |
1.状态栏(20) | |
[1]:http://www.apple.com.cn/developer/iphone/library/documentation/UserExperience/Conceptual/MobileHIG/art/ui_statusbartypes.jpg | |
高度:20px | |
颜色:灰色(默认)、黑色、半透明黑色(α值为0.5的黑色)3种可选 | |
2.导航栏(一般44) | |
[2]:http://www.apple.com.cn/developer/iphone/library/documentation/UserExperience/Conceptual/MobileHIG/art/ui_navbarnonavigation.jpg | |
a 包括导航控件和内容管理控件。 | |
b 边框样式按钮可以利用iPhone OS提供的预定义按钮。 | |
c 横屏比竖屏的导航条略窄(不要指定高度),颜色同状态栏有三种可选,也可自定义颜色。 | |
3.工具栏(一般49) | |
a 屏幕底部,放当前上下文中执行的动作。 | |
b 多使用无格式样式图标,不超过5项 水平方向均分排布。 | |
c 可以利用iPhone OS提供的预定义按钮。 | |
d 横屏比竖屏的略窄(不要指定高度),颜色同状态栏有三种可选,也可自定义颜色。 | |
11.创建自定义图标和图像 | |
a 应用图标:57x57px、114x114px(高分辨版)、72x72px(ipad)。 | |
注意:不要使用透明度,并且圆角、阴影、高光是系统加的,不用做在图里面(高光可以选择不加)。 | |
b 软件商店图标:512x512px | |
c spotlight查找结果和设置中用的小图标:29x29px、58x58px(高分辨版)、50x50px(ipad中spotlight查找结果)、29×29(ipad中的设置) | |
d 文档图标(如果你的应用有自己定义的文档类型):22x29px、44x58px(高分辨版)、64x64px(ipad)、320x320px(ipad) | |
注意:同“应用图标”一样,阴影、灰度渐变、卷边这些效果也是系统来加的,设计师不用做到图里,另外,对ipad的版本的图标还要留出类似出血位的安全区域。 | |
e 工具栏和导航栏上的图标:20x20px、40x40px(高分辨版)、20x20px(ipad) | |
f 标签栏上的图标:30x30px、60x60px(高分辨版)、30x30px(ipad) | |
工具栏、导航栏、标签栏上的图标应注意:1白色 2不包含投影 3选用抗锯齿功能 4视觉光源在正上方。 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment