iPhone iOS平台视觉规范 说明书.doc

iPhone iOS平台视觉规范 说明书 目 录 1.创建优秀的用户界面 7 2.视图VIEW 5 2.1 状态栏STATUS BAR 5 2.2 导航栏NAVIGATION BAR 6 2.3页签栏TAB BAR 9 2.4工具栏TOOL BAR 7 2.6 分类表格视图TABLE VIEWS 12 3.控件CONTROL 14 3.1 控制类CONTROLS 14 3.2 按钮类BUTTONS 15 3.3 选择器类PICKERS 16 3.4 搜索类SEARCH 17 3.5 提示类ALERTS 19 3.6 文本域类TEXT FIELDS 20 4.界面INTERFACE 20 4.1 启动图像SPLASH 20 4.2 登录页面LOGIN PAGE 22 4.3 说明页面TEXT PAGE 24 5.图形GRAPHICS 26 5.1 应用程序图标APPLICATION ICON 26 5.2 系统图标STANDARD ICON 27 5.3 自定义图标CUSTOM ICON 29 6.截图SCREENSHOTS 32 7.命名NAMING RULES 33 8.平台特点 33 1.引言 Introduction iPhone OS平台应用的视觉设计应遵循相应的平台特性与设计规范，保持不同应用产品在同一平台的整体性与一致性。此文档作为iPhone OS平台应用开发的视觉基础规范，整体全面的介绍了常用系统控件，规范了演变后的自绘视图尺寸及标准，为视觉设计提供了很好的参考和借鉴。设计者应参阅此文档进行视觉设计，并严格遵守硬性部分的规范标准，最终达到应用产品视觉统一，视觉资源易于维护，设计质量有效保证的目的。 人机界面设计原则 一个优秀用户界面应该遵循一些人机界面设计原则，这些原则来源于人——用户——思考和工作的方式，而不是设备的性能。如果一个用户界面没有吸引力，令人费解，或不合逻辑，那么即使是一个伟大的应用程序也会因此让用户觉得烦琐。但是，一个美观的，无需用户思考且引人入胜的用户界面不仅可以改善应用程序功能，还能激发用户对应用程序产生正面情感和依赖感 2.视图 View iPhone的用户界面基本由各种视图组合而成，不同种类和不同层级的视图构成用户界面的视觉结构，用户也是通过视图来切换不同信息并完成不同任务。 (2.1状态栏 描述：用于显示用户系统重要信息，如信号强度、运营商信息、网络状况、时间、电量等图示内容。 区域参数：X:0像素 Y:0像素 W:320像素 H:20像素 在iPhone上，状态栏可以有不同的颜色；在iPad上，状态栏始终是黑色的。 如果你的应用程序不是游戏或全屏的媒体浏览程序，在隐藏状态栏之前请三思。虽然这些程序可能长期隐藏状态栏，但是你应该理解这是一种非主流的设计决定。永久隐藏状态栏意味着用户需要退出你的程序来看清楚，比如说，是否需要充电。 如果用户在欢乐的看图，看电影，或者看其他什么全屏的程序，可以隐藏掉不重要的状态栏等界面元素。但要注意，保证用户只需轻轻一点，就能把状态栏找回来。不要使用什么特殊的手势，用户不乐意记住这个手势。 不要创建定制的状态栏。用户依赖于系统提供的状态栏的一致性。虽然你可以在你的程序中隐藏状态栏，但是创建一个全新的状态栏替换掉原来的还是不合适的。 在iPhone上，可以指定状态栏的颜色。你可以选择灰色（默认颜色），不透明的黑色或半透明的黑色（也就是α值为0.5的黑色）。 。 所有标签栏显示图标和文字的标签都是相同的宽度并且显示黑色背景。当标签被选中后，它的背景淡化并且标签中的图片变亮。 注：标签栏不论哪个方向都不会改变其透明度或高度。 如果应用程序的标签栏有五个或者少于五个的标签，iPhone操作系统可以用相同的大小显示所有标签 户可以查看一个单独在屏幕上显示的其他选项的列表来查找更多 (2.4工具栏 Tool Bar) 描述：为用户提供直接作用于当前屏幕的工具集合叫作工具栏。工具栏可以包括图标或者其它管理内容的控件。 区域参数：X:0像素 Y:436像素 W:320像素 H:44像素 系统样式：系统提供三种样式供设计者选择使用，分别为默认浅灰、纯黑以及5%的alpha透明黑色样式 默认浅灰色样式 自绘样式规则：工具条经常与管理内容的控件组合使用，这里以常见的5个功能按钮组合为例进行规范。需要注意的是，工具条样式的设计应与其它功能条风格保持一致性。 尽量保证工具条高度为44像素 尽量保证工具条中的按钮满足44X44像素的响应区域 工具条中的工具数量建议控制