效率工具指南:致力成为国内优质的工具测评媒体。
Hello 各位好,我是小豪。
PS 转换为 sketch 文件,有两种方法:
- 先从 PS 中导出 svg 文件,再用 Sketch 打开 svg 文件
- 先将 PS 转换为 sketch 文件,再用 Sketch 打开 sketch 文件
这里更推荐大家使用第二种方法,因为使用第一种方法,从 PS 导出的 svg 文件,会将原本可以正常编辑的图层栅格化、或是与原先的图层存在色差,虽然这种方法比较省事,但会给后续的处理带来不少麻烦。
基于这些原因,更建议使用第二种方法将 psd 文件转换为 sketch。
image (54).png第二种方法的要点在于,将 psd 文件转换为 Sketch 支持的 sketch 文件,这需要用到两个工具:
- Adobe XD
- 在线 UI 设计软件 Pixso
将 psd 文件导入 Adobe XD
Adobe XD,是 Adobe 推出的一款 UI 设计软件,和 Photoshop 同属一家公司,你可以从 Adobe 官网下载 XD 的安装包,安装后可免费使用一小段时间~
打开安装好的 Adobe XD,创建一个新文件,点击左上角的菜单,选择「导入」,选择电脑本地的 psd 文件,在 Adobe XD 中打开 psd 文件。
image (55).png在 Adobe XD 打开 psd 文件后,再次点击左上角的菜单,选择「保存」,将文件保存为 xd 文件。
image (56).png得到 xd 文件后,要想将 xd 文件转换为 sketch 格式,还需要用到另一个设计软件 Pixso。
将 xd 文件导入在线设计软件 Pixso
Pixso 是新一代的在线设计协作工具,浏览器打开即用,免去下载安装步骤,支持 Windows、macOS 和 Linux 系统。
Pixso 虽然是一款基于网页的在线工具,但依托底层的 WebAssembly与 WebGL 性能优势,网页形态的 Pixso 一点也不比本地的客户端软件弱,集合了原型、设计、交互、交付等多种功能,可以解决传统设计需要用到多款工具的「割裂」问题,支持导入 xd、sketch、fig、rp(Axure)等文件,同时可导出 xd 和 sketch 格式,因此也能用来实现不同设计文件间的格式转换。
image - 2022-07-14T155229.412 (1).png在浏览器打开 Pixso,点击右上角的「免费使用」,打开 Pixso 工作台。
点击 Pixso 工作台的「导入文件」,在弹出的窗口点击 XD 软件的图标,从电脑本地选择想打开的 XD 文件,上传导入 Pixso。
值得一提的是,Pixso 支持批量导入多个文件,如果你想一次导入多个文件,这里有 2 种批量导入的方法,一个是在选择本地文件时,按住 Ctrl 键(苹果系统则是按住 Cmd 键)多选文件,另一个则是同时选中多个本地文件,将文件拖拽到 Pixso 所打开的浏览器标签页,也能实现批量上传。
image (57).pngXD 文件导入到 Pixso 后,点击窗口右侧的「打开文件」,就能在 Pixso 的编辑器中查看刚导入的 XD 文件。
image (58).png点击 Pixso 编辑器左上角的「文件」菜单,选择「导出文件」,在展开的菜单中,就能看到 Pixso 支持导出的所有文件格式——sketch、xd、pix(Pixso 的专属格式) 和 pdf,这里选择我们想要的 sketch,就能将 xd 文件转换为 sketch 格式。
使用 Pixso 转换得到的 sketch 文件下载到本地后,再用 Sketch 打开文件,就能在 Sketch 中查看或编辑最初的设计文件啦!
image (59).png✅ Pixso 支持导入多种设计文件
除了前面提到的 XD 文件,Pixso 还支持导入多款设计软件的文件,包括 Figma、Sketch、Axure,即可导入来自常见的 UI 和原型设计工具的文件格式。
借助 Pixso 良好的兼容性,可以实现在 Pixso 中查看和编辑不同设计文件的目的,在一处管理所有的设计文件,无需在多款软件之间来回横跳。
image (60).png此外,由于 Pixso 是一款基于浏览器的在线设计工具,导入 Pixso 的设计文件会存放在云端,在与他人共享设计文件时,不需要将云端的文件下载到本地,使用 Pixso 自带的链接交付功能就可以很方便地共享文件。
打开想要共享的文件,点击右上角的「分享」,在弹出的面板,开启链接邀请,将文件的权限设置为「可查看」或「可编辑」,将文件链接发送给相关的人员,对方打开链接就能在线查看或编辑文件。
image - 2022-08-11T100102.571.png码字不易,如果对你有帮助的话,请别忘了赏个【三连】或是【关注】我哦,关注不迷路!
我是工具达人小豪,那我们下次再见咯。
效率工具指南:致力成为国内优质的工具测评媒体。
网友评论