PxCook 2.0 - UI 设计智能标注

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 3011 天前的主题，其中的信息可能已经有所发展或是发生改变。

先描述下背景，这是我(序员)和另一个设计师小伙伴在两年前开始开发的一款标注和切图工具，起因也是为了解决身边朋友实际工作中的痛点。兼职开发更新，一个版本一个版本迭代。就这样两年时间里从 1.0 版本迭代到了现在的 2.0 ，在过程中也得到了很多朋友的帮助和支持。

应用技术：这个软件是用 Adobe Air 开发的，跨平台。
使用背景：设计师在设计完稿子以后，可以用它来进行标注然后给研发。当然，研发或者设计师也可以用它来链接 PS 进行切图。

最近一段时间更新了 2.0 版本，引入的一个新的功能就是提供了对 psd 文件的智能标注功能。简而言之就是半自动化的标注。

这块儿是写了一套 psd 文件的 ActionScript 版解析库来实现的。

动图演示如下:

接下来其实也想到了很多可以做的点子。当然，大家如果有什么意见和建议，也欢迎随时反馈。

更多演示详见微博： http://weibo.com/5077499465/E9q9O4SvN （求关注😁）

下载地址请戳： http://www.fancynode.com.cn/pxcook

标注

切图

psd

版本

13 条回复 • 2016-11-25 02:13:03 +08:00

designer

2016-09-28 23:12:21 +08:00 via iPad

看到 adobe air 看到 actionscript 好像看到了熟人！
支持一下

buckyRRRR

2016-09-28 23:16:48 +08:00 via iPhone

我觉得你们可以借鉴一下 zeplin ， assistor

xycool

2016-09-28 23:17:42 +08:00 via iPhone

pxcook 的切图工具真是好用……今天刚接触就很快把图切好了，然后把公司官网也做好了。顶一个！

pljhonglu

2016-09-29 10:18:36 +08:00

支持一下~

egen

2016-09-29 10:53:31 +08:00

好工具

galenzhao

2016-09-29 12:34:08 +08:00

发现个问题距离标注怎么标注到屏幕边缘的呢

sobigfish

2016-09-29 12:51:47 +08:00

好 6666 ，谢谢，既然可以切图了，可以根据模板导出代码不是更牛
请当做一个 feature request 来看待

featherJ

2016-09-29 16:40:20 +08:00

@galenzhao 你是指智能标注下么？

featherJ

2016-09-29 16:41:30 +08:00

@sobigfish 感谢，其实这个功能有想过，不过代码导出的规范会有很多种，有可能会以插件和内置插件的形式来搞。

featherJ

2016-09-29 16:43:15 +08:00

@buckyRRRR zeplin 的设计还是很有爱的。关于面相研发人员相关的功能，是要搞的。切图部分有点儿借鉴自 assistor 不过在他基础上改了很多东西。

galenzhao

2016-09-30 09:59:16 +08:00

@featherJ 对，比如我想标注距离屏幕边缘的 margin

featherJ

2016-09-30 15:22:19 +08:00

@galenzhao 嗯确实有这个问题，会在下个版本优化掉~

featherJ

2016-11-25 02:13:03 +08:00

新增加了 Sketch 智能标注的支持~~