项目过程管理(九)设计师规范

栏目: IOS · 发布时间: 5年前

内容简介:预审的目标是让负责人评估可行性,设计稿着重表达出样式的位置、形状和交互即可,是原型还是设计稿都没关系。全体评审的目标是让开发准确评估工作量。对工作量影响极小的东西可以不是终稿,例如颜色值、字体大小、间距。终稿可在各需求实际写代码前确定,允许在验收阶段再进行不需要测试回归的微调,当面调试的修改需要记得到同步回设计稿。

前置说明

设计图规范

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

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

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

标注规范

  • 最好能有全局规范
  • 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项目会被要求不要写倍数,而是按照 hdpixhdpixxhdpi 等目录来存放。UI设计师可以只按iOS格式输出,然后 程序员 搞个脚本做自动重命名就好了。

本节参考

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

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


以上所述就是小编给大家介绍的《项目过程管理(九)设计师规范》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

微信力量

微信力量

谢晓萍等著 / 机械工业出版社华章公司 / 2015-10-28 / 59.00

微信俨然已进化为一种万能的连接器,拥有连接一切的能力,彰显出强大的连接力,无处不在,无所不能。本书将为你讲述连接为何能产生如此巨大的力量,这股力量正在商业和民生领域产生的变化,将为你展现微信生态进化的全景世界。 连接即入口,微信上的每一次有效的连接都会形成有效的入口。本书详细讲解了如何通过微信帮助餐饮、酒店、医院、零售、商场、电气、母婴、航空、客运、停车场、商圈、城市服务等数十个传统行业与它......一起来看看 《微信力量》 这本书的介绍吧!

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

SHA 加密
SHA 加密

SHA 加密工具

正则表达式在线测试
正则表达式在线测试

正则表达式在线测试