不得不不同意大家的看法。Photoshop 不是设计网站的工具。它是一个草绘网站的工具。网站仍应使用其所在的媒体进行设计——通常是 CSS、HTML 和 JS。

这并不意味着您不使用 Photoshop。但你当然不必。

我非常喜欢从不向客户展示 Photoshop 中的网站设计。这不是网站将使用的媒介。Photoshop comps 无法传达交互、设备差异、浏览器特性、可点击性、响应性等。

诚然，实际上，很多时候您仍然需要展示 JPG 模型。美好的。为此使用 Photoshop。但是不要把那个 PSD 文件分割成一个网站。这在 1999 年是有道理的。今天没有那么多。取而代之的是，拿那个 PSD，并将其用作指南。这大概是网站应该的样子，但要考虑到它是用 CSS/HTML/JS 构建的，并根据需要进行调整。

所以，回答这个问题：

网页设计师是否可以直接在 HTML 和 CSS 中创建整个设计，而无需在 Photoshop 中添加另一个创建设计的中间层，然后简单地在那里创建剩余的元素？

是的。一个人当然可以做到这一点。我已经看到与 PSD 设计师同时完成的工作。PSD 方法的最大问题是当您在敏捷团队中工作时。用于文档的大量文件（例如 PhotoShop）成为敏捷过程的巨大负担，最终增加的问题多于解决的问题。然后我们倾向于反向工作……我们根据需要在 PS 中绘制草图，然后在 HTML/CSS/JS 中设计和构建。然后，当我们需要为会议进行快速视觉更新时，我们只需将工作表示层标记截屏，然后在 PhotoShop 中拍打并快速调整。

** 编辑 **

新客户？

绝对 - 如果您正在为新客户/网站推销设计。外行人通常很难看到你（我）头脑中的想法。线框、图纸等也不总是剪掉它——划伤它——它们不会剪掉它。当客户只有 WF 或草图时，我从客户那里听到的“我认为它会做 X”比当他们得到带有徽标、照片、公司字体和 UI 的模型时我听到的更多。

任何其他情况：

也许不是——如果可以使用符合工作要求的现有 HTML/CSS/JS，或者您正在编辑现有客户端的内容，那么您最好只在代码中工作。如果没有，您可能会在 Photoshop 中浪费大量时间而获得的回报很少。在某些情况下（如@DAO1 提到的），屏幕截图和通过 Photoshop 进行的调整可以真正加快批准过程，或者敲定一个想法，或者三个。

** 结尾 **

我说是 -

使用视觉效果销售您的设计（并且创建组合更快）要容易得多 - 即使它已被简化。这就是 PS 对我的工作最有帮助的地方。

我还结合了一个带有网格系统的层，这样我就可以看到事物的布局，并快速将它们拖到我需要它们的地方。同样，这有助于补偿和客户请求的更改。

如果您保留常用元素的 Photoshop 库：基于矢量的圆角输入框、您的网格、“徽标在此处”框...所有这些都在单个文件或多个文件的层中（您的选择）-您将能够在编写代码所需的时间的一小部分内构建主页和内部页面。

在编写代码时，保留一个通用的 CSS 文件（具有流行的设置）也会有所帮助，但我看不出从工作流程中消除 PS 的价值——不管 CSS 变得多么健壮。

您能否保证 100% 的用户拥有的浏览器会完全按照您（或更重要的是，客户）希望看到的方式看到您的网站？不？那么百分之几呢？90%？80%？

你能确保它很好地降级，以便剩余 10%（20%？40%？）看到的替代版本是可以接受的吗？

如果这些问题中的一个或两个都是问题，则需要一些 Photoshop。

需要考虑的事情：

• 将这些精美的设计放到网络上需要做很多事情。至少对于更复杂的。Photoshop 有助于更快地看到最终结果。

• 对于从事本职工作的设计师来说，在 Photoshop 中制作模型通常更快、更合理，因为您不会花一整天的时间来研究 html 和 CSS3。

• 正如你所提到的，他们可以在 CSS3 中完成 80% 的工作，但最终他们将需要 Photoshop 形成某些部分。

• 如果您是设计师和开发人员，我会争辩说您放弃在 Photoshop 中制作模型，这样可以节省时间，否则总是在 Photoshop 中制作模型。