在
网站建设过程中，网页设计团队需要与开发团队对接，设计师通常会加倍努力确保字体完全按照指定设置，颜色与模型相匹配，并且元素的间距是像素完美的。不幸的是，很多时候，当开发人员完成他们的工作时，结果并不总是符合设计人员的设想。那么你如何弥合设计和开发之间的差距？
创建页面以匹配设计的第一步从正确的工具开始。现在市场上有几种选择。 Adobe XD是一种基于矢量的用户体验设计工具，它结合了设计、原型制作和强大的开发人员界面，可简化交接并为开发人员提供精确的页面视图，其中包含所有元素——字体、颜色、间距、资产和 CSS 代码块.
Sketch是另一个流行的工具，经常与 Zeplin 一起用于开发人员交接，非常相似。将文件导入 Zeplin 后，开发人员会看到所有页面元素，类似于 Adobe XD。此外，设计师可以连接他们的设计系统，以全面了解项目。
最后，还有Figma，一个相对较新的人，它将自己描述为一种工具，通过将 UX/UI 设计、原型设计、协作和开发人员交接组合成一个包，“将设计过程中的每个人联系起来，以便团队可以更快地交付更好的产品” ，很容易在线访问。
这在过去发生过很多次：我会收到我们开发团队的一封电子邮件，要求我查看他们构建的页面。我会害怕这些电子邮件，因为我希望这些页面看起来与我提供的设计完全不同。在某个时候，很明显我可能会继续感到沮丧并花时间进行多次设计审查，或者通过从开发人员那里“购买”精确遵循设计的价值来提出不同的方法。
这个过程需要一点时间，但是一旦开发人员了解了我的期望，就不再需要进行多次审核。我会查看页面，提供反馈，然后他们会做一些小的调整以使页面看起来完美。建立“像素完美”文化成为了一个巨大的节省时间！
此外，在开始设计之前，与开发人员直接对话以听取他们的“故事的一面”是非常有益的。这是回顾开发需求以及它们将如何决定视觉和功能方法的最佳时机。一旦建立了这些要求，最终的设计应该是开发人员完全理解和支持的。
