文章标签

您是否设计数字产品（或网站）并将设计文件交给开发人员进行实现？ 如果您回答是，那就坐下来吧！ 虽然设计师是否应该编写代码辩论仍在继续，但我们将探讨如何在设计中添加方法论……

Mark Dalgleish 详细介绍了他在seek 团队如何尝试构建一个 React 组件库，然后将其转换为 Sketch 文档。 这为什么重要？ 好吧，Mark 描述了该团队遇到的问题，例如：……

在过去两年中，我一直沉迷于设计工具，其中 Sketch、Figma 和 Photoshop 等应用程序可能是最流行的。 我们使用这些工具来制作高保真原型并确保高品质的用户……

假设我们在不同的设计应用程序中绘制相同的矢量图形，并将每个图形导出为 SVG 以供在 Web 上使用。 我们应该期望从每个应用程序获得相同的 SVG 文件吗？……

我们都经历过的“正常”工作流程是，设计完成之后，编码才开始。 良好的工作流程需要项目中所有参与者（包括设计师和开发人员）之间的来回沟通，但仍然：代码是最终产品。 您设计……

我上周才刚抱怨过笔划

这就是 CSS 中text-stroke的问题所在：你没有选择。 它只能是中心对齐的笔划。 两种其他选项[外部对齐或内部对齐]可能更有用。

仍然……

Dropbox Paper 团队的 Bobby Grace

在工程方面，我们使用内联 SVG。 这有很多优势。 一个优势是 SVG 是一种结构良好的格式，我们可以用代码对其进行操作。 Paper 还使用 React 和

关于 SVG 的fill-rule属性，有一个有趣的陷阱，Anthony Collurafici 在这里详细介绍了它。

Fill-Rule 是一个 SVG 属性，它基本上定义了如何确定要填充或从形状中减去的形状。 默认的 SVG 值

看到设计工具不断发展以满足现代需求总是令人高兴。 让我们看一个例子：图像导出。 设计师和开发人员花费大量时间导出图像。 设计工作通常在为设计而设计的软件中进行，……