项目过程管理（九）设计师规范

前置说明

• 这里只关注影响合作的规范，跟“好不好看”有关的标准是设计师内部的专业规范，这里不涉及。
• 对设计师的要求，可参考 《程序员眼中最牛的UI设计师是怎样的？》

设计图规范

预审的目标是让负责人评估可行性，设计稿着重表达出样式的位置、形状和交互即可，是原型还是设计稿都没关系。

全体评审的目标是让开发准确评估工作量。对工作量影响极小的东西可以不是终稿，例如颜色值、字体大小、间距。

终稿可在各需求实际写代码前确定，允许在验收阶段再进行不需要测试回归的微调，当面调试的修改需要记得到同步回设计稿。

标注规范

• 最好能有全局规范
• web项目字号不能低于12px，app项目不能低于10px
• 所有大小均为偶数
• 标注不好说明的，应使用文字说明

切图规范

1. 设计师自身维护所有的图片 ，每次都是给开发所有的切图（包括新增和剔除废弃），且同一张图或有小改动但放在原位的图文件名不变，自身知道哪些图片在这个版本不需要了
2. 所有源件不是拆分版本上传svn，每个版本下都是保存当前用到的所有东西。
3. 宽高应是偶数，防止模糊。
4. 切图文件按规范命名，全小写英文，下划线连接单词 。这样能兼容所有平台的要求。

对某些组件是否在切图中“应用透明边距（并做标注）”，应统一风格。

切图命名规范参考

命名格式： 类型_页面_名字_状态@倍数.png 。其中：

• 类型可以是： 背景bg ， 按钮btn ， 图片img ， 照片pic ， 图标icon 等。
• 页面按实际的位置命名，例如 启动页launch ， 注册页register ， 多处共用的common 等。
• 名字按实际的意义命名，也可以是更具体的位置，例如 下载download ， 删除delete 、 底部bottom 等
• 状态 是在会变化的控件（例如按钮）上才需要的。可以是 默认normal ， 按下pressed ， 不可用disabled ， 成功success ， 加载中loading 等。
• 倍数 只有iOS和会区分高清的Web项目需要。一般是 @2x ， @3x ， @4x 。

示例如下：

btn_setting_user_pressed@2x.png
bg_launch.png

Android项目会被要求不要写倍数，而是按照 hdpi 、 xhdpi 、 xxhdpi 等目录来存放。UI设计师可以只按iOS格式输出，然后 程序员 搞个脚本做自动重命名就好了。

本节参考

《程序员眼中最牛的UI设计师是怎样的？》 https://blog.csdn.net/hursing/article/details/84395402

本系列文章的目录： https://hursing.blog.csdn.net/article/details/88025790