响应式网页设计、CSS3 和 CSS 框架(如 Bootstrap 和 Foundation)等较新的网络技术使 PSD 到 HTML 的工作流程变得无用。借助这些技术,设计人员可以直接在代码中传达他们的设计,而无需在 Adobe Photoshop 等图形工具中绘制高保真视觉设计。
如果您是设计师,您的自然语言就是视觉语言。使用视觉语言,您可以通过绘制来创建对象、行为以及它们之间的关系。而使用编程语言,您可以通过定义对象属性和过程(即通过编码)以声明方式创建对象、行为和关系。 现在想象一下,快速创建矩形以传达其设计(即外观和感觉)的最有效方法是什么?绝对绘图比编码更快更有效。现在想象一下,将数千个这样的形状放在一起来构建产品的连贯 UI/UX 设计。您仍然认为编码是传达整个设计的更有效语言吗? 通过编码设计来实现您的创意目标并不是一个有效的工作流程。 您最终可能会花费大量时间来完善您的代码,而不是完善您的设计。这可能会导致您的创造力低于您的实际潜力。
设计师遇到的问题是,出于各种原因,他们需要在设计时查看他们的设计在真实的 Web 浏览器或设备中的外观和感觉。这个问题可以通过许多创新的方法来解决,而不是通过设计过程来破解你的方式。
现在有许多有前途的工具,例如Sketch或Figma,这两种工具都允许您像在 Adobe Photoshop 等图形工具中一样绘制设计,但是同时您可以自动生成代码,这些代码可用于在真实浏览器或设备中快速查看您的设计。然后将其交给前端开发人员,他/她实际上可以做适当的事情来访问客户端的浏览器。
因此,与其表达我们的哀悼,让我们以一个更积极的信息作为结尾——PSD 到 HTML 的工作流程并没有消亡,就像它发展和适应当前设计人员和开发人员的需求以及更加自动化的任何其他工作流程一样。