一、UI的控件概述:
![](https://img-blog.csdn.net/20140603103415734?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMzA4ODYzNQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
1、框架UI的元素分为4类:
A:栏:状态栏目和导航栏的结合体;
B:内容视图:应用显示的内容信息,包括相关的交互行为,例如滚屏、插入、删除等操作进行排序;
C:控制元素:产品行为或显示的信息;
D:临时视图:临时向用户提供重要的信息,或提供额外的功能和选项。
2、框架UI的尺寸:
3、图标icon的尺寸:
![](https://img-blog.csdn.net/20140603103428546)
二、UI的布局概述:
1、可点击对象的区域:尺寸不要小于44*44px;
2、将重要的内容和功能放在权重高的位置,将重要的元素放在前半屏比较好,对于阅读习惯从 左到右的用户来说,更贴近屏幕左侧位置容易引起关注的;
3、利用视觉表现形式的权重和平衡,尺寸较大的元素具有更高的权重,对于尺寸较小的元素来 说,更能吸引目光,看上去更加重要;
三、UI的字体概述:
1、字体是ios7设计的关键,大多数操作都是点击文字或点击图标,按钮也会有,但是占的比重很小;
2、苹果的默认字体是Helvetica Nenu,一种纤细简单的文字,但那不是你唯一的选择;
3、Ios7的字号稍微加大了,主要由于它的用途,而且文字之间的层级关系至关重要,利用颜色 和不同的粗细,来保持文字的布局和UI元素的清晰易懂。
4、苹果字体规格说明:
A:导航栏标题:medium 34px;
B:按钮和表头:light 34px
C:表格标签:Regular 28px;
D:Tab页图标标签:Regular 20px