当前位置: 首页 >文章 > Windows UI 设计师的曙光,XD 自动标注工具 PxCook
收藏
分享

Windows UI 设计师的曙光,XD 自动标注工具 PxCook

举报酸梅干超人酸梅干超人发布于 2021-03-153324阅读1点赞
这个问题赢来了历史性的一刻...


这几个月,Adobe 在 UI 领域的投入了大量的精力和财力。首先是放出消息提供了$1000W 奖金用于奖励 XD 的插件开发者,最近还将 XD 彻底免费了。

我们都知道,XD 是 PC、MAC 通用的,意味着没有 Mac 的 UI 设计师,尤其是新手,可以通过 Windows 平台设计和学习。但是 XD 不像 Sketch 有这么丰富的功能和插件支持,其中最阻碍 XD 直接成为项目生产力工具的核心,就是关于设计稿件标注和切图的部分。

今天,这个问题赢来了历史性的一刻,国内的产品像素大厨(PxCooK)优先放出了 XD 的插件,可以将 XD 导入到 PxCook 的应用中,然后查看设计稿的相关标注和切图,如下图示例。



那么如何使用这个插件呢,首先是安装 Adobe XD,还没有安装过的同学可以看下面的链接。


软件安装 | Adobe XD 的安装和破解教程

然后下载最新的 PxCook(老版本就更新下),创建一个新的项目,就可以看见关于 XD 插件安装的提示。





http://www.

fancynode.com.cn/pxcook

等你在 XD 中完成了相应的设计稿以后,选择工具栏的 “文件——导出——PxCook” ,就可以将现有设计的画布导出到 PxCook 中。





然后我们就可以在里面查看对应的标注内容了。当然,作为设计师,标注对我们自己而言用处不大,是要给前端开发看的!那么,我们就可以合理运用 PxCook 的团队协作功能,进行远程同步。首先你要让程序员也下载注册并登陆 PxCook,然后在你项目页面右侧面板,有个成员模块,点击右侧的加号,添加程序员的邮箱。



这时候,对方在项目列表中就可以看到这个项目了,并实时查看对应的文件标注内容,每当你增加和覆盖项目中的文件,对方也会实时得到更新。



这样,XD 中最大的一个短板已经得到补充,在一些样式不是那么复杂的项目中,我们已经完全可以使用 XD 进行设计了!

而新手想要学习 UI,也可以直接同过 XD 作为起步,因为可以预见的是,随后的几年,XD 会越来越完善和普及,成为行业的重要生产力工具之一。

结语
虽然目前在功能上还和 Sketch 有很大的差距,但不难看出,Adobe 官方想在 UI 设计工具领域后发制人的野心。长期以来一直被人诟病没有插件的问题,现在已经得到改善!过去一年来 XD 温吞的更新可以揣测是在强化底层架构,以适配现在开发者的接入,和为后面的布局做准备。

PxCook 作为第一款国产的标注切图工具,依旧还有很多进步的空间,尤其是在切图方面,我建议项目中还是设计师自己在 XD 中完成切图,只需要让程序员看标注信息即可。


本文原创,未经作者允许不可转载!
更多内容,欢迎关注作者微信公众号:超人的电话亭!


0条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,481人)

【4月】趣味MG动画制作训练营
距离开班仅剩11天33人已报名
【4月】零基础手绘插画训练营
距离开班仅剩11天61人已报名
电商海报设计训练营
距离开班仅剩39天23人已报名
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了46,688
并提交了341份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证