Sketch 已经是现在GUI设计师标配,至于其是如何取代ps 成为UI设计师新宠本文不赘述,本文只探索Sketch 对于 前端工程师的福利

从前端工程师切图的几大痛点说起

前端工程师长期以来饱受PSD迫害:

  1. PSD 文档巨大 60p 轻松上G,工作内网小水管瞬间拥堵
  2. 艺术家PSD不分层,颜色信息在图层样式里。各种高级蒙版。
  3. 粘贴复制文字
  4. 量间距,算行高。
  5. 写阴影效果
  6. 圆角
  7. 切icon

直到我遇到了,Sketch和Marketch

可以在 http://tudou527.github.io/marketch/ 体验(官网以app为例不好,Marketch更适用web 开发,App开发有更好的工具替代)

Sketch可以在其官网购买,购买安装好之后,可以下载 Sketch Toolbox ,用于管理和安装sketch插件

与sketch 设计稿保持相同的目录结构,随意点个页面

前方高能

几乎解决了前端工程师的很多痛点 标注间距 内容点击复制 css 也已经准备好 ,前端工程师写UI可以,写大布局,然后细节复制样式在代码中调整就可以出页面了。效率不知道高多少倍。

再看切图

总结

合理的使用工具能大大的提高工作效率,少加点班,多陪陪家人。