移动端UI验收规范
大约 2 分钟
1. 基本要求
1.1 验收要求
- wiki放置一份sketch图,作为版本控制依据,便于开发和测试
- wiki放置当前最新切图,满足当前一期要求
- sketch图,要求标注
1.2 验收流程
- UI人员,须在开发起始前一个工作日,提供sketch和切图。
- 对应产品、开发、测试人员须在当天,发起验收行为,确保无误后,进行后续行为,否则打回
- 验收通过后,切图,sketch放在wiki上,作为版本控制和开发测试依据
- UI设计不能在开发工期内较大变动,如有改动须添加批注提示,来版本控制。
2. UI交付物基本要求
2.1 切图要求
- 交付页面切图 分别满足安卓和ios规范
- 特殊情况下,ios切图只能做一张,必须是2x图,其它必须是2x,3x
- 非特殊情况下,图片中内容建议在正中间
- 当前页面提供切图,至少满足80%要求,UI不确认可后续开发中提供
- 切图建议和蓝湖或者sketch放在一起提供,不要分开,便于管理和测试
2.2 通用要求
- 导航栏、title、button等要有统一标准要求
- 字体(标题、内容,提示)大小,色值,要有全局统一要求
- 侧边距在app中,要有统一尺寸
2.3 标注要求
- 间距标注,间距分整体和局部两种关系,局部是指一个控件在局部内容中相对位置,整体关系是指局部内容,在当前页面,相对位置
- 属性标注,要绘制的内容,点击可选,要提示色值,字体大小,padding,magin等属性,所有对应属性要全,来满足UI效果
- 空间大小标注,字体大小或者内容与标注空间大小,要存在一致性,不要差异,产生异议
- 内容修改,要有批注来进行提示,并加上版本号,来进行版本控制
- 渐变效果,需要标注出来
2.4 字体版权特别声明
特殊字体要有版权,否则不要出现在设计中, 避免出现实现UI效果与设计存在偏差,不一致性体验
tips:无版权字体被查,存在法律风险。 无版权字体,一律采用系统字体
2.5 动画效果
动画效果是根据项目优先级,实际情况来安排