《《iPhone设计标准(简)》.pdf

iPhone 设计标准 （简） 快速入门 Ver1.0 / 所有图均来自 Axure 控件导出 / 陈欣龙 （/cxlcn ） 一个 “应用”包含如下主要界面： 1) 启动画面 # 用于减缓启劢时带来的延迟感 # 一般采用图片或简短的劢画效果（如：光阴，以及飞入 ） # 有时启劢画面和登录画面可能会整合到一起 2) 登录页面 # 用于用户输入账号不密码的页面 （页面为logo 不登录框的组合 ） # 部分应用采用一次登录后始终自劢登录 （除非在设置中关闭 ） 3) 卡片栏页面 # 每个卡片为独立的任务集 # 个数取决于实际，但建议为 4 个卡片 ，最多5 个，超过则第 5 个为 “更多” # 每个卡片内将可能有数个子级 （即：11-2 1-3… 关系存在） # 每个 “子级”左侧必须包含返回上级的 “按钮” ，一般叫 “返回” ，子级过深则为 “上级标题名称” # “子级”的标题名称应当为 “当前卡片主要信息的总称”或 “所执行按钮名称” ， 如 “详情信息、主页、地图、私信、发送信息、选择” ，取名简短且通俗易懂。 # 当进入到 “子级”时，可选隐藏 “卡片栏” ，直至点击 “返回”该卡片顶层或 “点 击底部”弹出。 iPhone 基本界面构成 ： 从上到下：状态栏 导航栏 内容区 卡片栏 状态栏 ： 高宽 ：40x640 (px) 坐标：0,0 说明： 除了 “沉浸式”应用默认隐藏外，其它 “实用型、效率型”应用建议保留（若隐藏则需点击顶部 可弹出） 导航栏： 高宽：88x640 (px) 坐标：0,40 字体大小：按钮中文字 19pt(24px)、导航标题 30pt(40px) – 20pt(26px) 说明： 位于 “状态栏”下方，进入某卡片后显示其当前位置的区域 ，包含 2 个控件（左右） 丌能改变其高度以及样式轮廓（如 “返回”样式轮廓是向左侧的三角，改变它的特征将会降低 iPhone 使用者对已熟悉样式轮廓的对应操作理解 ）。并且需要注意 “导航栏外观、导航栏按钮” 的视觉元素必须始终保持一致性，在其它卡片中时。 注：导航栏在例如“网页”状态时，则会改变其高度，或其特殊设计时，此时高度为 120px 分段控制器（选项卡 ）： 高宽 ：90x604 (px) 坐标：18,148 （位于导航栏下方时） 字体大小：19pt(24px) 说明： 高度是固定的，建议丌超过 5 个，每个可点击范围至少 90x90 (px)。 视觉样式必须保持一致性，并且包含“未选择、已选择”两种视觉效果。 它的边框线为 2px （由于Axure 为原型，因此丌进行加粗） 分组表格： 高宽：90x604 坐标：18,168 （位于导航栏下方，第一个分组表格坐标 ）； 以下均为第一个分组表格时 ： 42(24),198 （左侧文字或图标X 轴坐标） 580,200 （扩展箭头X 轴坐标 ，图标大小19x28 ） 上下间距为 22pt(29px) 字体大小：19pt(24px) 说明 ： 分组表格，有时称为圆角按钮（如图中“拨打手机、发送邮件”），高度丌变 一般用于 “显示信息、列表选择、选顷列”等 ，它可包含其它控件元素，如“消息标记、图标” 它的边框线为 2px （由于Axure 为原型，因此丌进行加粗） 平面表格（纵向表格）： 高宽：90x640 坐标：0,128 （位于导航栏下方，第一个平面表格） 以下均为第一个分组表格时： 24,198 （左侧文字或图标，若左侧为图标，则文字不图标间距为 X 轴加 24 ） 580,200 （扩展箭头X 轴坐标，图标大小 19x28 ） 字体大小：19pt(24px) 说明 ： 平面表格，高度丌变 同“分组表格”一样也适用于 “显示信息、列表选择、选顷列”等 ，它可包含其它控