跳至主要內容

移动端UI验收规范

引领潮流大约 2 分钟Android相关archive

1. 基本要求

1.1 验收要求
    1. wiki放置一份sketch图,作为版本控制依据,便于开发和测试
    1. wiki放置当前最新切图,满足当前一期要求
    1. sketch图,要求标注
1.2 验收流程
    1. UI人员,须在开发起始前一个工作日,提供sketch和切图。
    1. 对应产品、开发、测试人员须在当天,发起验收行为,确保无误后,进行后续行为,否则打回
    1. 验收通过后,切图,sketch放在wiki上,作为版本控制和开发测试依据
    1. UI设计不能在开发工期内较大变动,如有改动须添加批注提示,来版本控制。

2. UI交付物基本要求

2.1 切图要求
    1. 交付页面切图 分别满足安卓和ios规范
    1. 特殊情况下,ios切图只能做一张,必须是2x图,其它必须是2x,3x
    1. 非特殊情况下,图片中内容建议在正中间
    1. 当前页面提供切图,至少满足80%要求,UI不确认可后续开发中提供
    1. 切图建议和蓝湖或者sketch放在一起提供,不要分开,便于管理和测试
2.2 通用要求
    1. 导航栏、title、button等要有统一标准要求
    1. 字体(标题、内容,提示)大小,色值,要有全局统一要求
    1. 侧边距在app中,要有统一尺寸
2.3 标注要求
    1. 间距标注,间距分整体和局部两种关系,局部是指一个控件在局部内容中相对位置,整体关系是指局部内容,在当前页面,相对位置
    1. 属性标注,要绘制的内容,点击可选,要提示色值,字体大小,padding,magin等属性,所有对应属性要全,来满足UI效果
    1. 空间大小标注,字体大小或者内容与标注空间大小,要存在一致性,不要差异,产生异议
    1. 内容修改,要有批注来进行提示,并加上版本号,来进行版本控制
    1. 渐变效果,需要标注出来
2.4 字体版权特别声明

特殊字体要有版权,否则不要出现在设计中, 避免出现实现UI效果与设计存在偏差,不一致性体验

tips:无版权字体被查,存在法律风险。 无版权字体,一律采用系统字体

2.5 动画效果

动画效果是根据项目优先级,实际情况来安排