PxCook 2.0 - UI 设计智能标注

2016-09-28 22:21:27 +08:00
 featherJ

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

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

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

动图演示如下:

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

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

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

3063 次点击
所在节点    分享创造
13 条回复
designer
2016-09-28 23:12:21 +08:00
看到 adobe air 看到 actionscript 好像看到了熟人!
支持一下
buckyRRRR
2016-09-28 23:16:48 +08:00
我觉得你们可以借鉴一下 zeplin , assistor
xycool
2016-09-28 23:17:42 +08:00
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 智能标注的支持~~

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/309635

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX