PSD 到 HTML 是死的还是活的?
已发表: 2022-02-12
诚然,在开发网站时,这种转换技术的流行范围是巨大的,无论是专业的还是个人的。 如果我们比较从今天到几年前的 PSD 到 HTML/CSS 的转换,那么现在发现它非常简单。 主要浏览器提供与 HTML/CSS3 的兼容性,并且即使在使用 PSD 到 HTML 技术时也停止切片需求。
所以,首要的问题应该是:
什么是 PSD 转 HTML?
“PSD 到 HTML”只不过是在 Photoshop 文档 (PSD) 中设计网页,然后转换为代码(使用 HTML、CSS 和 JavaScript)。 您可以将 Photoshop 与任何其他图像编辑器Pixelmator 、 GIMP等交换。但是,原理保持不变。
一般来说,将 PSD 转换为 HTML 是一项两人的任务,一方面是设计 PSD 文件,另一方面是使用 CSS、JavaScript 和 HTML 技术将其转换为代码。 但是,Photoshop 也可以与其他图像编辑器进行文件交换,但您需要逐步遵循相同的原则。
为什么 PSD to HTML 服务很好?
是的,PSD 到 HTML 工作流程曾经是制作网站的最佳方式之一。 PSD 到 HTML 曾经有意义有两个重要原因。
- 第一个原因是图像资产。 由于早期的浏览器不支持现代的所有精彩功能,因此很难在不使用图像的情况下创建跨浏览器效果。 它还帮助设计师创建阴影和圆角作为图像,然后使用编码技巧将图像放置在页面上。
- 其次,网络过去只能在桌面浏览器上使用,并且不会也不会出现在手机和平板电脑上。 因此,设计一个 1024×768 的固定分辨率当然是一个可行的想法。
由于上述原因,设计师将 Photoshop 作为他们的主要网页设计工具是可以理解的。 单个屏幕分辨率也需要图像。
PSD 到 HTML 目前有什么问题?
与其他艺术和技术领域相比,网络是一种非常新鲜且不断变化的媒介。 您会发现许多网站都在使用 PSD 到 HTML 思维方式的一些变体。
以下是许多人认为 PSD 转 HTML 已死的原因:
1.响应式网页设计
首先,现在有浏览网页的方法。 手机、平板电脑、台式机、笔记本电脑、电视等。 设计师甚至没有一个单一的屏幕分辨率可以作为目标。 把这个想法再往前走几步,你可以安全地“瞄准”的屏幕分辨率已经没有多少了。
2. CSS 设计
CSS 中的新功能现已普遍可用。 这里和那里仍然存在一些持续存在的问题,但在过去几年中,对PSD 到网站CSS的支持得到了改进。 阴影、渐变和圆角等常见效果可以在 CSS 中完成,甚至不需要基于图像的后备。

3. 成熟度
此外,网络行业已经成长了很多。 总的来说,我们有更多的时间来完善我们目前对什么有效,什么无效的理解。 大多数Web 开发公司都希望网页设计师掌握美学以及 HTML 和 CSS 代码。
有很多更好的工具可以支持现代工作流程。 这就是为什么像 Bootstrap 这样的 CSS 框架使得一些在浏览器中设计最可行的原因。
这是否意味着 Photoshop 已死?
事实上,这根本不是真的,因为 Photoshop 对网页设计非常重要。 只有当像 Photoshop 这样的强大工具被用作包罗万象的解决方案而不考虑更高级别的任务 Photoshop 非常适合编辑和导出照片以供 Web 使用时,才会出现问题。 作为完整过程的一部分,在许多情况下生成完整的细节模型肯定是有意义的。
这里有两个例子
与网站设计客户合作时,高可靠性模型可能是必不可少的沟通工具。 跳过高细节模型似乎很快,但以后可能会受到伤害,因为许多客户可能不了解线框将如何转换为 Web 浏览器。 在编写大量代码之前,高保真模型可以充当讨论工具。
在大中型团队中工作时,高保真模型至关重要。 因此,为设计新功能创建高分辨率模型是同步每个人的心理模型的有效方式。
设计一个结合完美代码的网站需要下面提到的步骤来精确执行
- 采用切片工具,对设计好的PSD文件进行分割; 之后,敏锐地将它们导出到网络上。
- 更喜欢使用 Photoshop 构建的导出图像编写 CSS 和 HTML 标记。
- 乍一看,执行此过程似乎肯定是正确的方法,但开发人员在初始化编码时可能会遇到困难,尤其是当您知道生成的最终结果的外观时。
- 这就是为什么首先对 PSD 文件进行试验,然后将它们导出为 HTML 标记无疑是无可挑剔且流畅的过程。
- 许多 Web 开发公司遵循相同的想法,使用 PSD 到 HTML,设计师在其中构建 PSD 设计,开发人员/编码人员编写代码。 然而,近来,设计师的角色被艺术设计和 CSS/HTML 代码所包围。
结论
因此,通过观察所有这些要点,我们可以说 PSD 到 HTML 已死,因为这个过程在 Web 开发行业中仍然很强大,并且正在被不同的成熟组织广泛使用,所以不应该成为争论的问题. 因此,让我们以正确的积极信息结束这次对话; 对于当前的设计师和开发人员来说,PSD 到 HTML 无疑是值得的方法。 这个工作流程在现实中并没有消失,并且被采用和发展以创建具有成本效益的网站。
完美的转换需要像 Pixlogix 这样经验丰富的 Web 开发公司始终得到高技能专业人士的支持,以将 PSD 转换为 HTML 。 它可以帮助您利用它的转换服务,因为公司保证以最高质量标准为我们的客户提供 100% 满意的服务。