常见的标注工具有很多，比如说：马克鳗（Mark Man）、Assistor PS、Parker等工具，在这里我用的是像素大厨（PxCook）。
需要标注的内容有：顶部导航栏的背景色值、底部Tab bar的背景色值、文字的字体大小(px)和字体颜色、内容显示区域的背景色值、模块宽高、模块间距等。
页面标注需要注意的地方有：同类标注属性，标注方式保持一致。标注的方向、大小、字号也需要尽量保持统一。在文字标注过程中，由于部分文字间距较近，如果页面中有相同元素，可以考虑隔行标注，以免标注挤到一块，不需要重复标注。
导航栏的图标，需要标注出距离屏幕最左侧的距离，如图中显示的30px，图标的尺寸大小也要标注出来以及距离下方文字之间的距离。导航栏的背景色、文字大小、文字颜色标注出来。
Banner只需要标注出高度，因为它肯定是铺满全屏的。
轮播图标的尺寸以及颜色，轮播图标之间的间距以及距离底部的高度都需要标注，它们肯定都是居中显示的，不需要标注出距离屏幕边缘的间距。
图片+文字：这个应该比较常见，只标注一个单位(图+文)就可以了。图片需要标注宽高，因为开发要设置图片区域，从后台调取，可以说，软件里除了横屏撑满的图，基本上所有的图片都要标注宽高。图片距离上下左右的距离，文字大小颜色。如图中所示，图片距离屏幕最左20px。
所有的页面标注总结起来就是：标文字，标图片，标间距，标区域。
