内容简介:预审的目标是让负责人评估可行性,设计稿着重表达出样式的位置、形状和交互即可,是原型还是设计稿都没关系。全体评审的目标是让开发准确评估工作量。对工作量影响极小的东西可以不是终稿,例如颜色值、字体大小、间距。终稿可在各需求实际写代码前确定,允许在验收阶段再进行不需要测试回归的微调,当面调试的修改需要记得到同步回设计稿。
前置说明
- 这里只关注影响合作的规范,跟“好不好看”有关的标准是设计师内部的专业规范,这里不涉及。
- 对设计师的要求,可参考 《程序员眼中最牛的UI设计师是怎样的?》
设计图规范
预审的目标是让负责人评估可行性,设计稿着重表达出样式的位置、形状和交互即可,是原型还是设计稿都没关系。
全体评审的目标是让开发准确评估工作量。对工作量影响极小的东西可以不是终稿,例如颜色值、字体大小、间距。
终稿可在各需求实际写代码前确定,允许在验收阶段再进行不需要测试回归的微调,当面调试的修改需要记得到同步回设计稿。
标注规范
- 最好能有全局规范
- web项目字号不能低于12px,app项目不能低于10px
- 所有大小均为偶数
- 标注不好说明的,应使用文字说明
切图规范
- 设计师自身维护所有的图片 ,每次都是给开发所有的切图(包括新增和剔除废弃),且同一张图或有小改动但放在原位的图文件名不变,自身知道哪些图片在这个版本不需要了
- 所有源件不是拆分版本上传svn,每个版本下都是保存当前用到的所有东西。
- 宽高应是偶数,防止模糊。
- 切图文件按规范命名,全小写英文,下划线连接单词 。这样能兼容所有平台的要求。
对某些组件是否在切图中“应用透明边距(并做标注)”,应统一风格。
切图命名规范参考
命名格式: 类型_页面_名字_状态@倍数.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
以上所述就是小编给大家介绍的《项目过程管理(九)设计师规范》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。