这几个月,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 中完成切图,只需要让程序员看标注信息即可。
本文原创,未经作者允许不可转载!
更多内容,欢迎关注作者微信公众号:超人的电话亭!
暂无评论
违反法律法规
侵犯个人权益
有害网站环境