Skip to content

Instantly share code, notes, and snippets.

@xiangyuan
Created July 25, 2012 08:43
Show Gist options
  • Save xiangyuan/3175149 to your computer and use it in GitHub Desktop.
Save xiangyuan/3175149 to your computer and use it in GitHub Desktop.
iphone界面
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