Sketch:如何将设计交给开发人员?

平面设计 网站设计 素描应用 界面设计
2022-02-21 18:41:26

我一直想学习 Sketch,但不确定将设计交给开发人员的过程是什么。大多数开发人员不会拥有 Sketch,因为它只是 Mac,即便如此,大多数人也不知道如何使用它。

这是我在 youtube 上找到的一个解决方案,但即使是作者也不保证它是理想的:

https://www.youtube.com/watch?v=qFMMqjqSJzQ&index=51&list=WL

他基本上只是从 Sketch 导出到 Illustrator,然后从 Illustrator 导出到 Photoshop,这会产生一些混乱的分层。

有没有更好的办法?

4个回答

您可以使用Zeplin这是一款直接从 Sketch 或 Photoshop 共享模型的应用程序,包括所有测量值和颜色值。您无需付出额外的努力,您的开发人员会感谢您。

另一个解决方案是 - Icons8 Lunacy它是免费的并且可以离线工作。开发人员可以打开文件,一键复制任何对象的 CSS,并为任何文本层复制纯文本。并且不断添加新功能。

您需要考虑的第一件事是开发人员究竟如何处理您的 Photoshop 文件以将它们从工作文件转移到网站。开发人员使用您的文件来查看您的字体大小、样式和边距。他们还使用它来提取图像资产。

我的代理机构使用的开发人员有 Sketch,并提到他更喜欢 Sketch 文件而不是 PSD,因为它们更干净、更易于阅读。但是,对于没有 Sketch 的开发人员来说,它就像创建一个移交工具包一样简单,甚至可以与您的整体屏幕设计的 png 或 pdf 一起使用。 在此处输入图像描述这是我创建的移交的一部分。您已经可以使用这些详细信息。并且开发人员不必猜测不同的状态和边距,您可以通过这种方式完全控制您的最终设计。

最好的办法是像 Peacockerie 建议的那样创建一个切换,但遗憾的是这些非常耗时。

幸运的是,您可以使用很多第三方应用程序和插件。我个人最喜欢的是Sympli,但不要害怕货比三家,寻找最适合您您的开发人员的解决方案。继续沟通和评估。