如何让你的设计软件无缝衔接?

当前位置:首页>设计文章>UI>如何让你的设计软件无缝衔接?


2020年的第5篇文章

(本文约2000字,预计阅读时间3分钟)
sketch是大多数设计师进行界面设计时采用的主流工具,但是基于sketch属于macOS独占的宝藏应用,因此很容易导致多人协作时设计软件不统一的问题。

如何让你的设计软件无缝衔接?

比如在一个大团队的协作项目中,为了兼顾所有设备以及后续的文件交接,很可能会将设计软件统一成photoshop或者XD。
这种情况在接单时更为常见,比如甲方要求交付的源文件格式为PSD而我们更擅长用sketch时。。。
又比如,设计团队由ps向sketch转型,以往老旧的PSD文件如何处理?
有没有一种工具,可以彻底解决这些痛点?让我们不必为了源文件格式的问题花费不必要的时间?
有,而且免费,还不用安装!

接下来,介绍第一款神器

Photopea
Photopea是由一位名叫Ivan Kutskir的小伙子造出来的应用。这个应用可以打开设计师进行设计时常用到的所有格式(psd、xd和sketch)!更牛叉的是,所有格式的文件都可以在 Photopea上转为PSD格式!!

如何让你的设计软件无缝衔接?

有了它,你再也不用为了照顾到团队、甲方而被迫使用ps吭哧吭哧得作图了。用sketch画好后,直接甩手一扔Photopea,另存为psd一键下载后,头也不回得潇洒交付!
对了,如果你发现psd中的字体全部不显示或者乱码,那是因为Photopea没有这些字体包导致的。直接把所有字体过滤出来,然后再选择你要用的字体就都可以正常显示了!!亲测有效。
如何让你的设计软件无缝衔接?
有趣的是,Photopea主打功能其实并不是这些,而是对标“Photoshop”的线上图片处理工具。它可以打开png、gif、svg等等任意的图片格式,用还原了ps近80%的修图功能进行在线处理。
Photopea为了照顾到用户习惯,避免不必要的学习成本,直接将ps现有的UI和交互逻辑照搬了进来。包括我们常用的快捷键以及功能,除了作者用来恰饭的广告外,用起来基本和ps没有任何区别。
如何让你的设计软件无缝衔接?
总体来说,这是一款值得尝试的优秀工具!还有,在进行图片处理时记得勤保存!!毕竟是网页,谁知道什么时候突然来整个崩溃呢。

既然能将sketch转成psd,那么反过来,psd转sketch可以吗?
比如设计团队由ps向sketch转型,之前必然留存着很多重要的psd文件,如何将这些psd转换成sketch也确实是个急需实现的硬需求。
这个需求并不任性,因为,请相信技术宅无尽的力量! 

介绍第二款神器

Avocode
Avocode,就是那个在产品宣传页上公然挑衅zeplin的自动化标注切图应用(有点类似蓝湖)。

如何让你的设计软件无缝衔接?

可惜Avocode每月17刀的订阅费用太高昂了,用户们根本不买账。于是Avocode痛定思痛,为了提高主产品的购买率,在主打功能之外又做了额外的一系列功能供用户免费试用——包括了那个惊为天人的psd-to-sketch功能。
如何让你的设计软件无缝衔接?
只需要上传好需要转换的psd,并输入接收的邮箱地址,静等转换loading读完条后,就可以去邮箱进行接收了!
如何让你的设计软件无缝衔接?
这个优秀的功能一经推出就广受好评,甚至连就职于NASA的Krys Blackwood都毫不吝啬得为此功能献出自己的好评。
值得注意的是,你进行的每个步骤乃至邮件旁边,都会打个Avocode的广告来引导你去使用他们的主推产品,为了和zeplin对抗也是很拼了。。。
另外,为了兼顾到使用xd的设计师们,他们在最下方发起了USERVOICE投票,呼声最高的一个需求将会被纳入下一次迭代的版本中。(目前来看xd to sketch的票数稳居上风,看来向sketch转型依然是设计界的整体趋势)
如何让你的设计软件无缝衔接?
当然,你也可以选择不用等待!有了我们的photopea,你也可以“曲线救国”—— 献上我的伎俩:
sketch to XD:首先用photopea将sketch转换为psd,再用XD直接打开psd,另存为XD即可(毕竟Adobe一家亲)
PSD to XD:Adobe一家亲*2
XD to sketch:photopea将XD转换为psd,再用Avocode转换即可!
自此,设计软件三大门派无缝衔接,你用你的sketch,我用我的ps,他用他的XD,虽各自拿着不同的武器,但依然能够同舟共济,不会产生任何涉及源文件格式的问题~ Oh yea

总结

虽然我们平日里很少用到他们,但是在进行协同、交接的关键时刻,他们是救命稻草一般的无敌存在。今天的安利就到这里!!
我就不搞什么后台回复的套路了,链接自取!

https://www.photopea.com/

https://avocode.com/convert-psd-to-sketch
如果能够帮助到你,点个在看就行。
就酱!

如何让你的设计软件无缝衔接?
温馨提示:

文章标题:如何让你的设计软件无缝衔接?

文章链接:https://www.uied.cn/13014.html

更新时间:2023年04月13日

本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
UI设计干货

如何让你的设计稿完美落地

2023-4-1 11:40:25

UI设计干货

记一次页面加载优化

2023-4-2 15:19:56

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索