UI设计中我们需要了解的知识

1>常规显示部分

文字需要提供：字体大小(px)(px代表像素的意思)，字体颜色;

顶部标题栏的背景色值，透明度;

标题栏下方以及Tabbar上方其实有一条分割线，需要提供色值;

内容显示区域的背景色;

底部Tabbar的背景色值。

2>内容页面需要标注的地方

所有元素统一距离屏幕左24px。

1、标题栏：背景色，标题栏文字大小，文字颜色;

2、Banner：所有撑满横屏的大图，不需要横向尺寸，把高度标出了就可以了;

3、菜单图标：图标的大小和图标的可点击区域不一定一致。

也就是说，图标可以做的很小，但是为了增加点击的准确性和流畅性，工程师可以把可点击区域设置的很大，这样标注和切图的时候就要注意，标注的是可点击区域的大小，切图切的也是可点击区域的大小，也就是用透明区域去补上，否则图片会模糊。

4、模块间隔：这个位置其实不是太重要，我习惯标注上这里，麻烦能少则少。

5、图片+文字：这个应该比较常见，只标注一个单位(图+文)就可以了。图片需要标注宽高。图片距离上下左右的距离，文字大小颜色，这里的文字其实算两个控件，标题文字以及说明文字，需要单独标出。

6、TabBar：这个位置其实比较特殊，你可以单独标注图标大小+文字大小;还可以图标+文字算作一个控件，整个切出来;我们工程师的习惯是用整个的，也就是图标+文字算作一个ICON。

所有的页面标注总结起来就是：标文字，标图片，标间距，标区域;切图的时候记得输出个偶数尺寸的切片。