Iphone 界面设计指南.docVIP

iPhone界面设计指南 世纪联华科技有限公司 何水清  一、背景知识 1 概述 上图为一个典型的iPhone应用的截屏，各界面元素的尺寸都标注得非常清楚。注意，iPhone 3 的屏幕分辨率是320 x 480，而iPhone 4的分辨率是640 x 960像素。如果想更好地支持iPhone 4，可以为iPhone 4另设计一套高分辨率的图形。例如Icon.png大小为 57 x 57，可以为iPhone4设计一个114 x 114的图标，命名为Icon@2x.png，iOS加载资源时会根据硬件的能力，决定加载哪个图标——如果是iPhone 4的话，就加载Icon@2x.png。如果你的资源目录下有Button.png与Button@2x.png两张图片 那么使用： UIImage* anImage = [UIImage imageNamed:@Button]; iOS将会根据手机的屏幕分辨率自动识加载相应的图片。 2. 点和像素(Points vs. Pixels) 设计iOS界面提及尺寸时，用的单位是点而不是像素。点（point）是与设备无关的单位，在iPhone 3上面，一点等于一像素；而在iPhone 4上面，一点等于两个像素。 3. 系统图标 iOS系统自带了很多图标。如果自带的图标可以满足需求的话，就不要自己设计图标；否则是吃力不讨好。切记切记！ iOS系统图标的局限性 iOS系统图标其实不止图标本身，还包括了图标的文字说明，而文字说明是不能定制的！比如说，你想把Tab Bar的“通讯录”图标的文字说明改成“联系人”是不可以的，只能是“通讯录”。如果应用程序必须用“联系人”的话就不能用系统图标了。 3.1 Tab Bar 系统图标 注意：iPhone 提供的标准Tab Bar背景是黑色，图标没选中时是灰色，选中变为浅蓝。这一配色是固定的，即便你自己设计的图标用了其他颜色，在iPhone上显示出来也只有灰、蓝两种颜色。 3.2 导览条／工具条按钮系统图标以下是iOS系统自带的导览条／工具条按钮图标。注意，图标文字是经过本地化的，例如，在英文iOS系统上显示的“Done”按钮，在中文iOS上显示的就是“完成”；这是使用iOS系统图标的又一好处。 “完成” UIBarButtonSystemItemDone “编辑” UIBarButtonSystemItemEdit “取消” UIBarButtonSystemItemCancel “存储” UIBarButtonSystemItemSave “添加” UIBarButtonSystemItemAdd “撰写” UIBarButtonSystemItemCompose “回复” UIBarButtonSystemItemReply “动作” UIBarButtonSystemItemAction “整理” UIBarButtonSystemItemOrganize “书签” UIBarButtonSystemItemBookmarks “搜索” UIBarButtonSystemItemSearch “刷新” UIBarButtonSystemItemRefresh “停止” UIBarButtonSystemItemStop “相机” UIBarButtonSystemItemCamera “垃圾筒” UIBarButtonSystemItemTrash “播放” UIBarButtonSystemItemPlay “暂停” UIBarButtonSystemItemPause “快倒” UIBarButtonSystemItemRewind “快进”UIBarButtonSystemItemFastForward “撤销” UIBarButtonSystemItemUndo “重作” UIBarButtonSystemItemRedo “翻页” UIBarButtonSystemItemPageCurl 3.3系统按钮 UIButtonTypeDetailDisclosure UIButtonTypeInfoLight UIButtonTypeInfoDark UIButtonTypeContactAdd 二、 常用图片及尺寸 文件名在Mac／iOS系统上是大小写敏感的，大家一定要注意。 应用图标 App icon (必需) 名称：Icon.png 大小：57 x 57 pixels 114 x 114 pixels (@2x) 注意：建议应用图标不要切圆角，不要打泛光，iOS自己会添加这些效果的。 This is