切图规范

• 命名公式：
  

  image.png
  

  image.png
  

  image.png
  

  image.png
  

  image.png
  

  image.png
  

  image.png
  

  image.png
  

  image.png
  

  image.png
  

  image.png

• sketch手动切图：（切完的png图可以在TinyPNG网站压缩一下）
  

  image.png

• sketch插件切图：
  

  zeplin（需要科学）
  

  image.png
  
  蓝湖（使用这些插件的话，不需要标注，开发在网页端打开可以点击查看间距以及字体样式大小等）
  

  image.png
  
  
  sketch-measure(GitHub下载，直接导出HTML给开发，不需要标注也不需要切图，但要在设计稿里建好切片，更适合开发)
  

  image.png

• Photoshop切图：先创建画板
  

  插件cutterman：窗口 => 扩展功能 => cutterman
  

  image.png