跟着网页规划范畴的敞开，越来越多的规划人员技术知识十分有限，开发一个网站好像成了一件十分可怕的作业。特别是初度与某个美工协作时更是困难重重。这篇文章将给咱们供给一些协作的根本诀窍，协助你与美工完美协作。 这儿假定咱们运用Photoshop，不过不论你运用什么规划东西，以下根本原则都适用。

1. 拟定一个一致的方案

俗话说 "方案失利全部失利" ，网站的规划和开发也是如此。创立一个成功的网站，战略是必备的，但更为重要的是要保证美工理解你的希望。 防止这个沟通不畅的一个有用办法便是在规划开端前让美工先预览你的规划结构。

这是一个十分重要的阶段，可以问美工下面的问题： "咱们的预算里可以有这个吗？" 或许"你觉的……会成问题吗？"

2. 提交完善的网页规划模型

发动Photoshop开端规划之前，要注意一些图形元素。

网格体系

为了保证网站能与一切的解析兼容，运用960px网格体系可以防止在不同的显示器下网站出现问题。别的，运用网格体系也将给你和美工供给参阅，保证你的规划能完美地对齐。运用网格化布局是完成完美规划的最简略最佳办法，它也为你简化了规划流程，由于许多的猜想和调整都从作业流程中消失了。

规划网站开展和改动规划

这儿要注意的一点是，你的网站一旦上线后，其全体布局将十分难改动。无论是客户有额定的内容需求增加仍是网站进入到下一个开发阶段，必定要对你的网站将会开展到什么样的规划有一个明晰的概念。

假如要增加五个阶段的文章，你的布局会遭到什么样的影响？你的导航能否答应增加更多的页面？在开端与美作业业时，你就需求先承认好这些问题。

有序安排办理图样

关于PS文档必定要安排完善这一点，有许多东西可以说。明晰并有条理地办理你的文档，这样美工可以轻松地找出和分化你的规划。可以通过与网站内容相关的命名来分类办理你的文档。例如，你或许想将规划元素分化为头部（header）、主要内容区（main content area）、底部（footer）和侧边栏（sidebar）等。或许以其他逻辑方法来给你的图形分组。

此外，一个安排有序的PS文档，分隔各个元素时尽或许根据图层来处理，不然美工想要独自运用某个规划时却发现它是与另一些元素交融一同的，这会让美工适当头疼。

这样做看起来没什么，可是你会发现它将为你省下多少名贵的开发时刻。

还要阐明一下，保证给美工供给网站一旦上线时一切或许需求用到的图画和链接规划。包含导航体系的不同状况 (正常状况和游离状况)、界面按钮，如举动呼唤按钮（Call to Action buttons ）等。

3. 深化了解用户界面功用

当规划那些有特殊作用和功用的元素时，花一点时刻去找些比如和文献资料向美工论述清楚你的主意。

假如你出现给美工的是静态图片没有任何符号，美工很或许不会注意到而没有抵达你所希望的作用。花点时刻去搜索一下你要到达什么样的作用，现在网上有许多关于各种特殊作用和功用这方面的文档、样例以及教程。我相信你会有许多意想不到的收成，至少你也可以遭到一点启示。

4. 给出反应定见

开发人员写完规划代码后，还需求你和客户提出一些修正定见协助修正。很少有人不通过测验就可以成功的，现在你的一项使命便是整理出一个明晰的修正主张。修正定见应尽或许的具体具体，防止含糊不清。对修正的次数和版别做记载，便利你和开发人员对版别的操控 。

总结

花时刻精心办理你的文件终究被证明是值得的，作为一个规划师，假如在网站开发上还算是新手，应该捉住一切学习新事物的时机。有问题，你可以向程序开发人员咨询，从自己的过错中吸取教训，保证下一个项目可以按期的竣工，规划能如你所方案的姿态。

原文： Collaboration Tips for Designers Working with Developers