将您的网站模型移交给开发人员的提示

如果您是主要从事前端工作的网页设计师，则有时您可能需要将工作交给开发人员。他们的工作是把你的模型变成一个工作网站。

这是该过程中的一大步。可以这么说，为了达到积极的结果，设计师和开发人员需要在同一页面上。但这说起来容易做起来难。

很多时候，设计和布局的某些方面可能会在翻译中丢失。这导致在浏览器中看起来与在原型应用程序中看起来不同的东西。即使是细微的差异也会损害整体的可用性和美感。

虽然将这种情况归咎于流氓开发者可能更容易，但并不总是那么简单。沟通是关键，提供对设计本身的清晰理解也是如此。

让我们探讨一些想法，以使从设计师到开发人员的交接变得富有成效。

提供项目详细信息

忽略细节是从模型到构建过程中最常见的问题之一。诸如使用哪种字体、元素之间的间距和设计增强（阴影、边框等）之类的项目很容易被误解甚至完全遗漏。

这可能是由于缺乏明确性。如果没有明确的说明，开发人员可能不得不在原型中搜索以确定这些项目是如何实现的。并不是每个人都会花时间这样做。

我们可能会假设我们设计的这些方面是显而易见的——但事实并非如此。因此，记录各种元素非常重要。这为开发人员在构建过程中提供了一个参考点。

幸运的是，许多应用程序都提供了有助于避免任何混淆的风格指南。但是，如果您在 Photoshop 等应用程序中进行设计，则可能需要自己生成此信息。

保持模型和资产井井有条

说到 Photoshop，您是否曾经打开一个 PSD 文件，却只看到大量未命名的图层以看似随机的顺序排列？确定每一层内容的能力可能非常令人沮丧。

这不仅浪费时间，而且还是开发人员错过这些设计细节的另一种方式。除此之外，强迫开发人员在杂乱无章的混乱中导航并不是交朋友的好方法。

模型的组织是顺利交接的关键。花一些时间来标记你工作中的各种元素，并将它们按逻辑顺序排列。

当涉及到图像和字体等附加资产时，请将它们放在文件夹中。以反映其内容和/或用法的方式命名图像也很有帮助。

不要忘记响应式样式

当谈到您的设计在移动设备上的外观和工作方式时，最好不要让事情碰运气。响应式样式与桌面一样重要。

同样，这是一个好的原型应用程序的帮助可以无价的地方。向模型添加响应性的能力使开发人员更容易付诸行动。

即便如此，某些方面仍可能受益于额外的解释。例如，多列布局应该如何响应平板电脑而不是手机？排版会改变吗？导航呢？这些都是需要考虑的重要事项。

在样式指南和文档中包含有关移动设备的注释。这将确保每个屏幕的用户体验一致。

做导游

交互式模型和书面说明很棒。但是，围绕项目的细节进行对话仍然有话要说。

借助视频会议的便利性，与开发人员的虚拟聚会应该在您的待办事项清单上。这使您可以充当某种“导游”，解释您的创意作品的所有活动部分。

此外，这也是获得宝贵反馈的机会。在某些情况下，开发人员可能会发现可能对用户产生负面影响的问题。最好现在就发现这一点，而不是在构建的中间。

参与者还可以互相提问并消除任何潜在的误解。目标是让每个人都与正在发生的事情保持同步。花几分钟讨论这个项目将帮助你到达那里。

设计师和开发人员和谐共处

最后，参与网站设计和开发的每个人都有同一个目标：取得成功。从设计师到开发人员的无缝转移起着重要作用。

对于设计师来说，需要一点额外的努力才能确保成功。它涉及提供组织良好且记录在案的模型。这包括有关网站如何在各种屏幕尺寸上工作的任何细节。

最后，努力与同事互动是至关重要的。花时间在一起（虚拟或面对面）讨论细节应该是一个优先事项。

把事情做对需要练习。而且总是有出错的可能。但是通过采取上述步骤，您将使您的项目走上通往成功的最直接的道路。

来源：https://speckyboy.com/handing-off-your-website-mockup-to-a-developer/#