Iphone界面的设计指南.doc

iP hone 界面设计指南世纪联华科技有限公司何水清?一、背景知识?1概述上图为一个典型的 iPhone 应用的截屏,各界面元素的尺寸都标注得非常清楚。注意, iPhone 3的屏幕分辨率是 320 x480 ,而 iPhone 4的分辨率是 640 x960 像素。如果想更好地支持 iPhone 4,可以为 iPhone 4另设计一套高分辨率的图形。例如 大小为 57x57,可以为 iPhone4 设计一个 114 x114 的图标,命名为 ******@ ,iOS 加载资源时会根据硬件的能力,决定加载哪个图标——如果是 iPhone 4的话,就加载 ******@ 。如果你的资源目录下有 与******@ 两张图片那么使用: UIImage* anImage = [UIImage imageNamed:@"Button"]; iOS 将会根据手机的屏幕分辨率自动识加载相应的图片。 (Points vs. Pixels) 设计 iOS 界面提及尺寸时,用的单位是点而不是像素。点( point )是与设备无关的单位, 在iPhone 3上面,一点等于一像素;而在 iPhone 4上面,一点等于两个像素。 iOS 系统自带了很多图标。如果自带的图标可以满足需求的话,就不要自己设计图标;否则是吃力不讨好。切记切记! iOS 系统图标的局限性 iOS 系统图标其实不止图标本身,还包括了图标的文字说明,而文字说明是不能定制的!比如说,你想把 Tab Bar的“通讯录”图标的文字说明改成“联系人”是不可以的,只能是“通讯录”。如果应用程序必须用“联系人”的话就不能用系统图标了。 Bar 系统图标注意: iPhone 提供的标准 Tab Bar 背景是黑色,图标没选中时是灰色,选中变为浅蓝。这一配色是固定的,即便你自己设计的图标用了其他颜色,在 iPhone 上显示出来也只有灰、蓝两种颜色。 iOS 系统自带的导览条/工具条按钮图标。注意,图标文字是经过本地化的,例如,在英文 iOS 系统上显示的“Done ”按钮,在中文 iOS 上显示的就是“完成”;这是使用 iOS 系统图标的又一好处。“完成”UIBarButtonSystemItemDone “编辑”UIBarButtonSystemItemEdit “取消”UIBarButtonSystemItemCancel “存储”UIBarButtonSystemItemSave “添加”UIBarButtonSystemItemAdd “撰写”pose “回复”UIBarButtonSystemItemReply “动作”UIBarButtonSystemItemAction “整理”anize “书签”UIBarButtonSystemItemBookmarks “搜索”UIBarButtonSystemItemSearch “刷新”UIBarButtonSystemItemRefresh “停止”UIBarButtonSystemItemStop “相机”UIBarButtonSystemItemCamera “垃圾筒”UIBarButtonSystemIte