网站制作和网站设计人员有关系的嘛您喜爱您规划作业的前端工程师吗？您的一些习惯很或许无法很好地转化为代码，这使得前端工程师更难以与您协作完结项目。想成为更好的搭档吗？然后咱们将学习怎么更好地进行交流和规划，让前端工程师通过对作业方法进行奇妙的改变来爱上你的作业。这将加速项目进度，使作业更轻松。

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

网站规划师和前端工程师之间最大的问题是，他们经常在规划的第一稿完结之前默默地开展作业，个人或团队开始议论项目。这不是正确的作业方法，网站规划师和前端工程师应该评论怎么从一开始就组装项目。尽管网站规划人员或许会关注色彩、字体和图画，但前端工程师能够深化了解可用性、的功用和性能。

网站规划师和前端工程师应该很好地了解互相的外观。网站规划人员应该了解足够的代码和可用性，以便与前端工程师交流并了解应战：前端工程师应该对规划理论有一点了解，以便在规划概念不适合网络时提出建议。

2、文件结构清晰

Web规划人员能够做的最重要的作业之一就是每次都以相同的方法预备和打包文件。您有多少次翻开包含数百个未命名图层的Photoshop文档？请勿将此类文档交给前端工程师。不管您运用哪种软件，都应该适当地命名每个图层和款式。款式、色彩、样本和布局在整个规划进程中应坚持共同。

关于每个项目，以相同的方法命名文件和款式。以相似的方法分组并运用共同的文件夹体系。这样，前端工程师就不用从头学习怎么找到每个新项目的部件和元素。

3、运用浏览器字体

印刷办理是规划项目（包含印刷和数字著作）面对的最大应战之一。不要将桌面字体用于为Web或运用程序规划的打印项目，并假定它们能够正常作业。 （一般他们没有。）

关于数字项目，请选择“浏览器字体排版”。这意味着您或许需求为Web找到与打印内容相匹配的相似字体。不要让前端工程师为您做这件事。选择可比的浏览器字体并从一开始就运用它们。您甚至能够在风格攻略中注意到打印和数字字体。

这背面的原因很简单：嵌入字体或许很棘手。此外，浏览器字体是免费的，可保证您不会产生额外的项目本钱。 （当你这样做时，考虑用图标做相同的作业，运用像字体这样的好包装，所以前端工程师能够运用CSS风格的图标而不是导入一堆图画文件！）

4、打包图画财物

当咱们评论图画财物时，正确导出和打包文件非常重要。前端工程师能够翻开和导出一切图画文件以满意他们的需求，您能够询问他们需求什么并在此进程中执行它们。

这可保证您取得所需的图画并压缩文件以协助您快速加载网站。

不要试图自己这样做。询问前端工程师怎么保存、命名和压缩文件以取得最佳运用作用。

5、考虑环境

在规划网站和移动运用程序时，需求考虑很多设备巨细和宽高比。作为Web规划人员，您需求知道画布巨细、边距、填充等，以创立实际可用的模型。

在开始绘图之前，请先咨询前端工程师，以保证在开始之前了解规划环境的外观。没有比在Photoshop或Sketch中看起来更好的规划更糟糕的了。

你需求提前知道这些作业：

假如结构具有不同尺度的特定填充规格。

列之间的沟宽度（假如不同）

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

6、提出更多问题

它已被屡次提及，但规划师和前端工程师之间的交流是一切这些作业的关键。交流能够创立或破坏项目，影响截止日期，并影响终究项目的规划和功用。

与前端工程师共进午餐，了解他们。在此进程中有许多问题要问。假如您不确定某些内容是否有用，请询问。前端工程师并不是一个糟糕的人，在进程早期答复问题要比从头考虑和整个概念容易得多。

7、了解一些开发基础知识

当您与前端工程师攀谈并提出问题时，您需求深化挖掘。假如您的规划库中还没有这些技能，请学习一些开发基础知识。

从事数字项目的网站规划师应该在以下方面进行自我介绍：

HTML和CSS（您应该能够更改字体巨细或色彩，并了解两者是不同的）常见用户模式（针对用户与内容的交互方法而规划）

可拜访性规范（因而您的规划将适用于更多用户）

哪些类型的元素需求用作图画，哪些元素能够运用纯CSS创立！

断点怎么在呼应式布局中作业？

网站规划趋势

您或许永远不会真实编写代码，但学习开发原则会使您成为更好的网站规划者，因为您将了解东西和作业流程的价值。

8、运用“惯例”款式攻略

规划进程也延伸到开发，网站网站规划师，你需求意识到前端工程师对你的规划进程相同重要。

考虑到这一点，创立一个“惯例”款式攻略，不只包含色彩和字体，还包含组件。在该项目已经开始时，每个人都应该能够拜访和更新文档。

一个好的款式攻略将协助项目的每个人坚持与可视元素的共同性，为规划选择供给上下文，为项目供给协作点，并协助规范化代码。

将以下信息放入款式攻略中以充分利用：标志风格

调色板

字体面板

图标面板

导航菜单元素

不同页面的布局选项。

在整个站点中重复运用的代码片段（例如按钮）

9、运用网格

网格尊重。在呼应式网站规划中，网格不只仅是将元素放置在屏幕上的攻略，它还确定了元素在不同屏幕尺度下的方位，以及列的堆叠和改组。

网格能够协助您规划和维护流。 （应战在于你不能随意违背规划规则。）

能够这样想一想：您的规划在全屏桌面显示屏上有四行内容排列在屏幕上（屏幕上的宽度相同）。然后在平板上，将块转化为两列，每行两列。在移动设备上，它们被转化为一行和四行。

了解网格怎么影响对象的巨细以及对象怎么在不同设备上进行转化非常重要，因为它决议了怎么规划您拥有的内容。再想一想相同的情况。假如有五个内容块怎么办？它需求从头规划，以保证您创立共同的视觉轮廓。

10、友好的网站规划师

保证项目顺利进行的真实关键是灵活性。网页规划技能和规范不断变化。尽管有些项目确实让你成为一个细节而且是一个不动的人，但呼应式规划却不是这样的。易于运用的网站规划师将赢得更多尊重并与前端工程师建立更好的关系。这将带来更好，更成功的项目。应该说，可是太屡次，会有很多无意识的行为。不要堕入那个陷阱。与您的前端工程师评论您的项目，他们会爱你

更多的网站设计可以联系啄木鸟建站工作室为您设计适合你企业的网站