用于网站开发的 Gimp vs Inkscape vs Fireworks？

Posted 2023-02-16

【中文标题】用于网站开发的 Gimp vs Inkscape vs Fireworks？

【英文标题】：Gimp vs Inkscape vs Fireworks for website development?

【发布时间】：2010-11-11 05:41:26

【问题描述】：

InkScape 用户，您能推荐 Inkscape 进行网站模板开发吗？我必须学习一个网站模板工具，创建布局和导出切片，我的一个朋友建议我看到他工作的烟花，即为什么我知道切片/css，并且网络说 lnkscape 应该没问题，没有详细说明评论。 有人，你知道用它来创建/开发模板。这个工具能不能有不错的布局，然后我可以导出切片。

【参考方案1】：

检查this slides，它们是关于在inkscape 中进行原型设计的。使用矢量图形工具会更好，因为您可以轻松地拖动、复制和移动所有内容。缺点是你离最终产品还很远。

【讨论】：

那是一个很好的演示。 +1

【参考方案2】：

我在使用 GIMP 设计网站时遇到了困难。这是因为我想设计一个 web 2.0 网站，它有很多矢量特征。渐变、阴影和文本等内容相互叠加。 Inkscape 允许这些对象是可移动的，因此会更容易。

希望这会有所帮助。

【参考方案3】：

我不得不说我对 Inkscape 印象深刻。我在 Inkscape 中进行了我的第一个网站设计，来自 Fireworks。学习界面花了我一些时间，但我能够做我必须做的事情。使用后变得非常容易，我现在实际上可以更快地完成我的工作。我只能推荐它，如果你能花 2 天时间阅读和学习 http://en.flossmanuals.net/Inkscape/ 。当您非常了解 Inkscape 时，您可以学习 Gimp 进行光栅编辑。对于任何 web 2.0 风格的网站，inkscape 都可以。您还可以使用遮罩等进行基本的位图编辑。 Gimp 更上一层楼。

【参考方案4】：

如果您使用的是 Windows，请尝试Paint.NET - 它是开源且免费的，与 GIMP 类似，但更易于使用、启动速度更快，并且更像 Photoshop（最著名的图像处理程序）。

【参考方案5】：

我从未使用过 Fireworks，我尽可能多地在图形编辑器之外进行网页设计，我选择的网站模型工具是白板，我使用原始 (X)html 进行网站布局/CSS，一般来说，我最终只使用 Gimp/Inkscape 进行快速草图或当我特别需要创建/修改图像时。

也就是说，我使用了相当多的 GIMP 和 Inkscape，所以也许我的观点会有所帮助。

现在，对于任何不特别要求矢量图形工作的东西，我一般首选 GIMP。这是一个更加成熟和完善的程序。 （如果你最终需要它们，还有很多教程和插件。）

不过，Inkscape 确实具有作为矢量图形编辑器的优势。如果你要移动很多东西并调整它们的大小以获得你想要的东西，Inkscape 在这里使用起来会容易得多。也就是说，如果您要为网站制作图像，最终将使用光栅图形，而 GIMP 将为您提供更精细的控制。

我倾向于相信，在这种情况下，像 Inkscape 这样的矢量图形编辑器更适合快速制作模型和原型，而 GIMP 更适合创建最终产品。我认为两者都不太适合网页设计（目前），但如果我主要在图形编辑器中进行网页开发，我可能会这样做。如果我必须选择一个工具，那就是 GIMP。

（最后说明：尽管很多人对 GIMP 的用户界面有什么看法，但我随时都会接管 Photoshop。它仍然有一些怪癖，但目前主要是意见。）

【参考方案6】：

我喜欢用于网页设计/原型制作的烟花，原因如下

-基于矢量的编辑与像素预览的完美结合 - 可让您重用元素并在一处进行编辑的符号 -9 切片缩放：使符号可以水平和垂直无缝缩放 -页！有一个包含所有常见元素的母版页，然后每个文档有多个子页面。从一个地方轻松导出

我知道这并不能直接回答您关于inkscape 的问题，但希望它可以为您提供另一个视角。

【讨论】：

不是每个角度都很重要，因为我刚刚开始学习网站建设。

【参考方案7】：

GIMP 和 Inkscape 都比较好地处理切片导出。 Inkscape 绝对可以更好地处理矢量图形，而 gimp 绝对是基于光栅的。

在任何一种情况下，您都必须安装插件才能真正从进行 Web 开发的工具中获得最佳性能。

【讨论】：

Ryan 谢谢，看起来你都用过，你有什么建议更好的网站开发。我不确定，但看起来基于矢量的图像更好，因为页面在浏览器中被放大缩小。

无论哪种情况，您最终都会导出为光栅图像。我个人更喜欢使用 Inkscape，因为可以更轻松地更改原始（非导出）。

【参考方案8】：

InkScape 不是为 Web 开发而设计的；它主要是用于印刷设计的实用程序。对于一个同样是开源的、跨平台的、更类似于 Fireworks/Photoshop 的网页设计图形实用程序，我推荐 The Gimp。

这里介绍了基础知识：

http://www.gimp.org/tutorials/The_Basics/

这里还有很多教程：

http://gimp-tutorials.net/

祝你好运。

【讨论】：

我部分吃我的话；看起来 InkScape 正在朝着这种支持方向发展，但它看起来还处于早期阶段。见：wiki.inkscape.org/wiki/index.php/CSS_Support

感谢 hewhocutsdown，我已经厌倦了使用 gimp，不太喜欢界面，所以我就放弃了，你有没有亲自使用 gimp 进行网站开发，你可以做那个切片的事情.如果是，我不介意花时间在 Gimp 上。

如果 UI 是问题，有一个 photoshop 风格的 gimp 版本，但我认为它可能是比这更深层次的问题。我对 gimp 插件和教程进行了一些研究，但印象并不深刻：gimp-tutorials.net/search/node/css%20sliceregistry.gimp.org/faceted_search/results/taxonomy%3A383我已经使用 Fireworks 和 GIMP 进行网页设计，但不是您所描述的方式。嗯，看看上面的链接，看看你的想法。抱歉，我无法提供更多帮助。