从 Photoshop 模板实现网页设计
我在业余时间担任自由网络开发人员。我认为自己是一名熟练的开发人员，但我的图形技能非常有限。
今天，我与一位长期客户会面，我与他的关系非常好。
因为这项工作需要一个美观且图形化的网站，我们还聘请了一名图形设计师。当她问我想要她的设计时，我说任何都可以。只要我能看到设计，得到所需的图像，所有东西的宽度和高度都写在某处。
她非常惊讶我会“从头开始编码”，并说在她的工作中，开发人员总是想要一个分层的 Photoshop 文件，其中的设计可以“剪切（并粘贴）到网站中”。
幸运的是客户信任我，但这一切听起来像是我做了很多多余的工作。她不懂编程（甚至 HTML），但我很好奇她的意思，但这次会议不是开始讨论它的地方。你有什么想法吗？我从未在一家较大的公司从事过 Web 开发，但为什么这些人想要将设计作为 Photoshop 文件呢？而不是图片/插画文件或其他什么？
I'm working as a freelance web developer in my spare time. I consider myself as a skilled developer but my graphical skills are very limited.
Today I had a meeting with one of my long time clients whom I have a really good relationship with.
Because this jobs requires a good looking and very graphical website we had also hired a graphical designer. When she asked me how I wanted her design I said that anything would do. As long as I could see the design, got the required images, and the with and width and height of everything was written down somewhere.
She was very surprised that I would "code it from the ground and up" and said that at her work the developers always wanted a layered photoshop-file with the design where they could "cut (and paste) it into the website".
Fortunately the client trusts me, but it all sounded like I was doing a lot of redundant work. She doesn't know anything of programming (or even HTML) but I'm very curious of what she meant, but this meeting wasn't the place to start a discussion about it. Do you have any idea? I've never been working at a larger company doing web development but why would these guys want the design as a photoshop file? instead of a picture/illustrator file or whatever?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
这完全取决于客户对相同性质的网站和项目的经验。有些客户可能不知道创建网站的整个过程包括哪些内容，并可能导致对工作提出一些非常奇怪的请求、问题或评论。
这里的误解是她根本不是想说“将其剪切（并粘贴）到网站中”。
我认为更习惯于从 PSD 文件中对网页设计进行切片和切块的开发人员更愿意这样做，而不是在 illustrator（或类似的）中处理矢量化元素。
我曾经在一家公司工作，每个页面设计都来自客户雇用的广告公司或图形设计师（我不确定他们来自哪里），并且是 75% 质量的 .jpeg 文件，而不是更容易的切片图像插入设计中。
我总是要求一份 Photoshop 文档，因为它可以让我充分发挥设计的图层，以确保它们被切割成适当的形状，并且保留（在需要时）其 Alpha 通道（透明度）。
Photoshop 文档提供了更大的灵活性，并允许开发人员自己优化材料，而不是图形设计师。开发人员知道他们需要什么以及从哪里获取它们，图形设计师可能不确切知道哪种图像最适合特定设计。
希望这至少能消除一些混乱。 :)
It all depends on the client's experience with websites and projects of the same nature. Some clients can be unaware of what the whole process of creating a website includes, and can lead to some very weird requests, questions or comments about the work.
The misconception in this is that she doesn't mean to say "cut (and paste) it into the website" at all.
I would assume the developers that are more used to slicing and dicing a web design from a PSD file are more comfortable in doing so, than having to deal with vectorized elements in illustrator (or similar).
I used to work at a company where every page design came from the client-hired advertising agency or graphic designer (I'm not sure where they came from), and were 75% quality .jpeg files, instead of sliced images that are easier to plug into the design.
I always ask for a photoshop document, because it allows me to play with the layers of the design enough to make sure they are cut into the appropriate shape, and that they keep (where needed) their alpha channel (transparency).
Photoshop documents give more flexibility, and allow the developer to optimize the material themselves, instead of the graphic designer. Developers know what they need and where to get them from, graphics designers might not know exactly which kind of images are best suited for a specific design.
Hope this clears up at least some confusion. :)
您将需要分层设计，因为通常您只需要图形的某些部分，例如仅前景中的图标而没有背景。您无法从 JPEG 文件中获取该信息。
Photoshop 因为它使用像素而不是矢量（如 Illustrator），并且导出到基于像素的媒体（Web）非常简单。基于矢量的应用程序需要更多的摆弄才能完美导出像素，因为它们不是基于像素的。最后，Photoshop 已经发展成为行业标准。
您将需要基于像素的、分层的、注释良好/文件夹组织的文件格式的图形，其他任何东西对于正确切片和导出来说都可能相当烦人。特别是在需要像素完美的情况下。
You will want the design in layers because oftentimes you only need certain parts of the graphic, for example just the icon in the foreground without background. You can't get that from a JPEG file.
Photoshop because it works with pixels instead of vectors (like Illustrator) and exporting to a pixel based medium (web) is straight forward. Vector based apps require a little more fiddling for pixel perfect exporting, since they're not pixel based. Finally Photoshop has simply evolved to be the industry standard.
You will want graphics in a pixel based, layered, well annotated/folder organized file format, anything else can be rather annoying to slice and export correctly. Especially if pixel perfectness is required.