起因是看到了一个插件叫做 Markly,看起来是个很不错的 Spec(设计稿中的尺寸距离描边等)工具,支持实时更新 Spec,支持 Photoshop 和 Skecth,要价 $39.99。
看起来很强大,嗯?
翻了一下设计师们的评论,结果一边倒的在推荐 Zeplin。
查了一下,Zeplin 是个目前只支持 Sketch 的 App,不过比 Markly 要便利的多,目前在进行 Beta 测试。遗憾的是不仅歧视 Photoshop,还顺带歧视了 Windows 一把……
接着有人提到 Adobe Extract。打开看了一下,算是 Photoshop / Windows 上的一个替代解决方案,但坏处是它并非完全为 Web 设计而生,这玩意会把所有属性全都以 CSS3 的形式读出来……适合比较懒的设计师和前端们。
最后我自己装的是 Ink。相比 Markly 的优势是能够添加 Documentation,坏处是这玩意基于 js,受限于 Adobe 屎一样的 js 性能,遍历一个含有大量图层的文件感觉会非常坑爹。而且我们的前端都会用 Photoshop,所以一般直接 PSD 扔过去就完事了,不需要 Spec ……
其他插件有 Specctr,和 Ink 大同小异,多了个量图层间距的功能——这已经被新版 Photoshop CC 的 Ctrl 键爆出屎了。不过还提供 Illustrator 、Indesign 和 Fireworks 版本,打包 $99,如果你还在用这些东西的话可以试试。
以及 specKing。这玩意的网站太丑了,让我简直不敢相信这是一个设计师工具……要价 $19,确实一分钱一分货。
1
Neo 2015-01-17 08:15:19 +08:00 via Android
有空试试,谢谢推荐
|
2
sc 2015-01-17 08:15:56 +08:00
这几个都看了下,作为码农,我觉得Zeplin不错 :D
|
4
sc 2015-01-17 08:29:13 +08:00
@Keinez 我觉得设计师把生成的Spec图(就是那些弹簧啊、数字标注啊什么的)直接输出类似PNG格式的图不就好了?(我不是前端工程师、不是很了解这个作业流程
|
5
Keinez OP @sc 好是好,但是这其实是个体力劳动的过程,而且:
- 对于追求细节的设计师你得搞清楚所有的边距,差5个px,效果差天远。 - Spec 对 Responsive Design 无效。 - 改需求的时候会死人的。 所以一般使用自动化工具标注或者直接把 PSD 扔给前端来解决这个问题。 |
8
bladecamper 2015-01-17 09:23:35 +08:00
@Keinez 前端怎么可能不装ps
|
9
angelself 2015-01-17 11:13:23 +08:00
推荐Ink,但前端不需要标注成那样。就算了。
其他方便标注的还有pxcook和markman,都不是ps插件 有个好用的ps动作是sizeman,框选按快捷键即可出标注。 |
10
old9 2015-01-17 19:13:54 +08:00
没人提马克鳗哇
http://www.getmarkman.com/ |