IOS框架构成：

来自网络

一、状态栏（信号栏）height：40px

状态栏位于界面的最上方，左侧显示短信、通知、应用更新等状态信息，右侧显示电量等常规手机信息。

来自网络

二、导航栏（TitleBar）  height：88px

导航栏位于状态栏的下方，用于层级结构的信息中导航，中间显示当前界面的内容标题，左侧放置后退按钮，右侧为当前界面的操作按钮，这些按钮可以是文字按钮，也可以是图标按钮。标题内容大小一般是36~40px（并不是唯一的）

来自网络

三、标签栏（TabBar）height：98px

标签栏位于界面最下方，方便快速切换功能的作用。一般标签栏不超过5个页签，一般四到五个为最佳，包含点击和默认状态。（图标设计参考值50X50px，字号22X22px  字体灰度B40）

来自网络

四、工具栏（Tool Bar）height：88px

工具栏位于界面的最下方，包好对当前界面进行操作的相应功能按钮。工具栏和标签栏在一个视图中只能存在一个。

来自网络

注意：工具栏和标签栏同是在界面的最下方，单其中的区别是：

标签栏：让用户在不同的子任务、视图和模式中进行切换。，例如app store 点击游戏tab，进入游戏内容的界面，所以涉及到视图切换是标签栏。

工具栏：是放置着用于操作当前屏幕中各对象的组件，对当前界面内容的操作，在iPhone上，工具栏始终位于屏幕底部，而在iPad上则有可能出现在顶部。例如iOS原生邮件点击工具栏中的删除，则删除当前邮件。所以涉及到对当前页面的操作是工具栏。

来自网络

五、顶部标签栏

主要在界面的顶部上方，常在导航栏上，还有一种是在导航栏下方（安卓的切换模式，现在也用于IOS）

来自网络 来自APP设计

六、内容区

主要位于界面中央部分，用于内容的设计、排版等。

七、字体设计

ios9字体设计针对苹果电脑 来自网络

八、表格试图

1.平面型表格

平面型表格适合展示一列不需要辅助信息就甲乙辨别的项目。如通讯界面，在单元格里，标题默认左对齐，人的阅读习惯是从做到右，左对齐使人更加容易浏览，每一行最左边可加入图片。

来自网络

2.辅助说明型表格

辅助型表格适合展示一列项目看起来差不多，但用户需要利用额外的辅助信息来区分项目。

来自网络

3.内容强调型表格

其表格适合强调项目当前状态，这种样式主标题（左对齐），副标题（右对齐），右对齐的副标题可以将用户的注意力吸引到它提供的相关信息上。

来自网络

Android设计框架：(设计尺寸720*1280px）1dp=2px

一、字体设计

Android4之后的所有字体再系统中的字体设计

来自网络

（字体不低于22px，中文：使用方正兰亭黑或者思源黑体，英文：Robto）

二、状态栏 （ Height:48px）（黑色透明度为20%）

状态栏左边显示等待操作的通知，右边显示时间、点亮以及信号强度等。向下滑动状态讲显示通知抽屉。

来自网络

三、导航栏（height：96px）

导航栏在状态栏下方。

来自网络

四、内容区（height：1038px）

内容区域与边框距离是16px（IOS是20px）

文字左侧对其基线72px

标签导航栏距离是112px（以上这些尺寸不是固定不变的）

来自网络 来自网络

五、标签栏（height：112px）

Android的标签栏称为标签导航栏。