网页设计师，你喜欢你的设计作品的前端工程师吗？你的一些习惯可能无法很好地转化为代码，这使得前端工程师很难在项目上与你合作。想成为更好的同事吗？然后，我们将学习如何更好地沟通和设计，使前端工程师可以通过巧妙地改变他们的工作方式来热爱你的工作。这将加快项目进度，使工作更容易。

　　1、让前端工程师尽早开始这个项目。

　　网页设计师和前端工程师之间最大的问题是，在设计初稿完成之前，他们常常默默无闻地工作，而个人或团队开始谈论项目。这不是正确的工作方式。网页设计师和前端工程师应该讨论如何从一开始就组装项目。虽然Web设计者可以关注颜色、字体和图像，但前端工程师可以洞察可用性、功能性和性能。

　　网页设计师和前端工程师应该对彼此的外表有很好的理解。网站设计者应该理解足够的代码和可用性来与前端工程师沟通并理解挑战：前端工程师应该对设计理论有一点了解，以便在设计概念不适合网络时提出建议。

　　2、清除文件结构。

　　Web设计者可以做的最重要的事情之一是每次都以相同的方式准备和打包文件。有多少次你打开了包含数百个未命名层的PS图象处理软件文档？不要将这些文件提交给前端工程师。无论你使用什么软件，你都应该正确地命名每一层和样式。风格，颜色，样品和布局应该是一致的整个设计过程。

　　对于每个项目，以相同的方式命名文件和样式。以相似的方式分组并使用一致的文件夹系统。这样，前端工程师就不需要重新学习如何找到每个新项目的组件和元素。

　　3、使用浏览器字体。

　　印刷管理是设计项目面临的最大挑战之一，包括印刷和数字作品。不要为设计用于Web或应用程序的打印项目使用桌面字体，并假定它们工作正常。（通常他们不会理解）。

　　对于数字项，选择浏览器字体布局。这意味着您可能需要找到与Web打印内容匹配的类似字体。不要让前端工程师为你做这件事。选择可比较的浏览器字体，从一开始就使用它们。您甚至可以注意到样式指南中的打印和数字字体。

　　这背后的原因很简单：嵌入字体可能很棘手。此外，浏览器字体是免费的，以确保您不产生额外的项目成本。（当你这样做时，考虑用图标做同样的事情，像字体一样使用好的包装，所以前端工程师可以使用CSS样式的图标，而不是导入一堆图像文件！）

　　4、包装形象资产。

　　在讨论图像资产时，正确地导出和打包文件是非常重要的。前端工程师可以打开和导出所有的图像文件以满足他们的需求，您可以问他们需要什么，并执行他们在这个过程中。

　　这确保您得到所需的图像和压缩文件，以帮助您快速加载网站。

　　不要试图自己去做。询问前端工程师如何保存、命名和压缩文件以供最佳使用。

　　5、考虑环境。

　　在设计网站和移动应用程序时，我们需要考虑大量的设备大小和纵横比。作为Web设计器，您需要了解画布大小、边距、填充等，以创建可用的实际模型。

　　在开始绘图之前咨询前端工程师，以确保在开始之前了解设计环境的外观和感觉。没有什么比在PS图象处理软件或草图上看起来更好的设计更糟糕了。

　　你需要提前知道这些事情。

　　如果框架具有不同尺寸的特定填充规格。

　　柱间的槽宽（如果不同）

　　具有最窄屏幕尺寸的前端工程师将编写代码。