UI设计规范

（注：各小组意见相左时，需向上级汇报。）

一、关于B/S架构系统、后台UI设计（亦应用于网页制作，风格根据需求而定）

1. 团队一起设计，先共同完成一个模板，再根据模板设计该系统的其他界面 2. 字体规范：（文字用系统自带的常规字体）

(1) web常规中文字体：黑体，正文字号14px，导航及菜单字体16px（可视情况而定） (2) ios/mac字体：pingfang sc (平方)

3. 设计尺寸：（常规如下，可视情况而定）1920px 分辨率72px 4. 排版布局区块应尽量等分，使等分后的数值为偶数值 5. 系统、后台类有表单的界面，需做分页设计、

6. 切图规范：命名规范统一，切图大小保存一致（如菜单图标，按最大的icon尺寸

切图）

7. 同套系统，不同界面风格需保持一致。效果图命名需排序，方便查找

8. 文件：效果图（不同模块分文件夹）、素材、切图、源文件、线框图（视情况而定）

9. 设计后需出设计规范，如鼠标经过、点击效果，方便前端调试

二、关于APP的UI设计

1. 字体规范：（文字用系统自带的常规字体） （1）Android字体：思源黑体 (或者其他) （2）Ios字体：pingfang sc (苹方)

2. 设计尺寸：

(1) Android：一般用1080px*1920px设计

(2) Ios：一般用iPhone6尺寸750px*1334px设计（启动页通用尺寸1125px*2436px、1242px*2208px、750px*1334px、0px*960px、0px*1136px）

3. 排版布局：

(1) 分辨率72px（网页和UI都是72dpi，打印则需300dpi）色彩模式RGB，常用的全局边距有32px、30px、24px、20px

(2) 排版布局区块应尽量等分，使等分后的数值为偶数值

4. 切图说明：

(1) 文件：文件要包括：image、效果图+标注图（根据实际情况而定）

(2) 注意事项：不要出现大写、不要有中文、特殊符号及空格、同类切图大小一致

5. 图标说明：

通用图标尺寸16X16px、24X24px、48X48px、Xpx、100X100px（其他尺寸按实际项目应用）建立统一风格的图标