需求文档

需求文档告诉设计师APP是用来做什么的，用户群体大多是哪类人，有经验的设计师会根据以往经历来设计。

第五组

• 切图与标注
  • 切图
    • 工具
      • cuntterman
        • 是一款在Photoshop中的插件
      • pxCook(像素大厨)
        • 是一款标注工具，也会是十分好用的切图工具
      • Sketch(Mac用户)
        • 如果你用的是Mac，也可以用stetch来切图，可以直接导出各个尺寸的切图。
    • 需求
      • 只要是没有办法通过代码来实现的就需要切图。什么是代码无法实现的呢？比如图标。如果你不清楚，请跟开发沟通，一般开发都会知道哪些是需要的。
    • 数量
      • 理论上，IOS我们需要切3套图，分别是@1x，@2x和@3x，这样做是为了更好的适配；而在实际工作中，iOS只需要切2套图就可以，分别为：@2x和@3x
    • 输出格式
      • 切图输出格式必须为png24位、png8位、jpg 3种格式，推荐PNG。
    • 压缩
      • 为了减小包的大小，所有切图尽量压缩后再给开发。图片大了，多了，不利于用户在使用app过程中加载页面，因此图片切图要尽量压缩图片文件的大小。
    • 尺寸
      • 切图输出大小必须保持为偶数。单数切图的话，手机系统就会自动拉伸切图，从而导致切图元素边缘模糊，造成开发出来的APP界面效果与原设计效果差距甚远。
  • 标注
    • 文字
      • 字体大小和颜色
    • 布局控件属性
      • 控件的宽高，背景色，透明度，描边和圆角大小（如果有圆角）等
    • 列表
      • 列表的高度，颜色，内容上下间距等
    • 间距
      • 控件之前的距离，左右边距
    • 段落
      • 行距
    • 全局属性
      • 如导航栏文字大小、颜色，左右边距，默认间距等，如果你之前跟开发合作过，在这方面开发了解就可以省略了
    • 工具
      • PxCook(像素大厨)
        • 有点可以将标注切图集成在一个软件中完成，支持Windows和Mac双平台
      • Parker
        • 和cuntterman是同一家，Parker能够在自动计算尺寸，距离，文字大小，阴影，描边圆角，行高等信息，并按照你的需求进行标注。节省时间，提高效率
      • Mark Man
        • 高效设计稿标注工具，需要收费，免费版体验差
• 需求文档
  • 行业，业务介绍
    • 告诉设计师app是用来做什么的。及用户群体大多是哪类人；有经验的设计师会根据以以往经历来斟酌设计。
  • 设计要求及技术事项
    • 如果你希望用什么颜色；或什么风格。可以把一些好的案例发给设计师。
  • 准备文案
    • 及时沟通