使用Photoshop的网站设计师应将哪些材料发送给开发人员？

我主要实现了Web和桌面应用程序，这是我第一次真正开始在供公众使用的网站上与图形设计师合作。在这种情况下，图形设计师不是使用HTML + CSS，而是使用Photoshop。

为了最终实现设计，通常提供哪种材料作为最终结果？

例如，我是否应该获得不仅仅是PSD文件的东西？不同的状态（例如链接悬停，活动状态等）或响应式设计怎么样？我是否也期待技术细节？

任何帮助表示赞赏。

一个实体模型通常是交给了开发商知道去什么。从PSD文件到平面图像，可能有所不同，具体取决于工作流程。以我的经验，移交带有所有尺寸，字体大小和颜色的平面模型，以及全套切片和使用的图像。基本上是完成项目所需的一切。但这确实取决于工作流程。如果该站点主要使用CSS完成，则还需要其他信息（渐变值，阴影值，图像裁剪预设）。

按钮状态应始终被覆盖。根据它们的制作方式（纯CSS或切片），您应该提供所有颜色，半径和大小或切片本身。

自适应设计有些不同。设计视图仅仅是开始。开发人员还需要知道的是，当网站逐渐“缩小”时，元素应如何表现。如果显示较少的选项，菜单将如何表现？在完整网络视图中，只有列表元素可以在移动视图中显着改变屏幕。所有悬停元素会发生什么情况（无法在移动视图中使用它们）？

@KMSTR的答案是80％的解决方案，但是如果您的设计师是一位真正的专业人士，则他/她将在一些小细节上保持专注，例如​​何时应该出现过渡动画或按什么顺序加载DOM元素。

如果您的设计师在前20％中排名靠前，请询问一些UX用户流程和线框，或者如果他们特别有才华，那就是用After Effects或Flash制作的原型。理想情况下，它们不会留下任何未指明的方面。

这完全取决于您与图形设计师达成的共识。

一些图形设计师除了PhotoShop之外一无所知，如果您索要除大型PSD文件以外的任何内容，它们将会丢失。

一些图形设计师精通HTML，CSS和JS，可以为您构建整个产品。

然后介于两者之间。

我建议您倾向于使用后者，因为一位了解该媒体的网页设计师将制作出比前者更具前瞻性，响应性，浏览器不可知性和灵活性的设计，但是前者只要能够UI开发人员正在与UI设计人员紧密合作。

您应该预先说明期望的内容。

我完全有能力提供psd文件，html / css页面，甚至完全动态的jquery / php / mysql页面。交付的内容取决于请求的内容。

如果开发人员只想要psd，那就是我提供的全部内容，创建页面是他们的工作。如果不需要页面，我永远也不会麻烦。

我有一些客户依靠我来获得功能齐全的页面，这些页面可以放入现有的网站中。

我有些客户的开发人员拒绝使用发送给他们的任何代码，并坚持自己编写所有代码，因此我提供了psd文件。

您的问题没有可靠的答案。这是工作开始之前商定的问题。

您真的想要一个精通HTML，CSS和Javascript的设计师。在我工作的地方，我们再也看不到一个Photoshop文件。设计师为我们提供了页面的URL，我们复制了他的所有UI，然后填充空白以使页面动态化。

有几个原因使它更可取：

1）毫无疑问，设计师想要什么-没有解释数字或注释，您甚至可以在未接触成品之前就清楚地看到成品的外观。所有CSS值，每个javascript函数或动画都在那里。

2）减少您需要花费在该页面上的任何时间。是的，您仍然需要重新布线，并可能需要在后端进行大量工作，但这可以为您节省大量的前端时间。

当然，您并不总是控制与您合作的设计师的类型。但是，如果您只使用photoshop，请确保您确实获得了所有按钮状态，并知道设计人员想要哪种动画。希望，如果您在这种环境中工作，您可以上去与您的设计师交谈，并在需要时要求澄清。