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