[iPhoneiOS平台视觉规范说明书.docVIP

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的黑色）。 (2.2导航栏 Navigation Bar) 描述：用于显示当前视图的名称，并提供相关导航的控件用于层级间的视图切换，甚至作用于视图内容的控件。 区域参数：X:0像素 Y:20像素 W:320像素 H:44像素 尽量保证导航条高度为44像素 尽量保证导航条中的按钮满足44X44像素的响应区域 导航文字建议控制在8个中文字以内 导航条的设计建议遵循上图中默认样式的基本尺寸 将当前视图的标题作为导航栏的标题。当用户浏览到一个新的信息层次中时，两件事情应该发生： 确保导航栏的文字易读。系统字体提供了最大的可读性，不过，如果你觉得合适，也可以指定不同的字体。 使用工具栏而不是导航栏 如果需要显示一大堆控件，或者你不需要启用导航功能。 不要增加导航栏的控件，把导航栏弄得很挤，即使看起来有足够的空间，也不要这么做。 导航栏上的元素可以包括视图的标题、返回按钮以及一个管理当