用于网站开发的 Gimp、Inkscape 与 Fireworks?
InkScape 用户,您可以推荐 Inkscape 进行网站模板开发吗? 我必须学习一种用于网站模板的工具,以创建布局和导出切片,我的一个朋友建议使用烟花,我见过他工作,即为什么我知道切片/css,并且网络说 lnkscape 应该没问题,没有详细说明回顾。
您知道有人用它来创建/开发模板。 这个工具可以有漂亮的布局吗,然后我可以导出切片。
InkScape users, can you recommend Inkscape for website-template development. I have to learn a tool for website templating, to create layout and export slices, one of my friend is suggesting fireworks i have seen him working ie why i am aware about slicing/css, and web-says lnkscape shall be fine, nothing detailed review.
Has someone, you know have used it to template creation/development. Can this tool have decent good looking layout, and then i can export the slices.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(8)
我从未使用过 Fireworks,我在图形编辑器之外尽可能多地进行网页设计,我选择的网站模型工具是白板,我使用原始 (X)HTML/CSS 进行网站布局,一般来说,我最终只会使用 Gimp/Inkscape 进行快速草图或当我特别需要创建/修改图像时。
也就是说,我已经使用了相当多的 GIMP 和 Inkscape,所以也许我的观点会有所帮助。
现在,对于任何不需要矢量图形工作的东西,我一般首选 GIMP。 这是一个更加成熟和完善的计划。 (如果您最终需要的话,还有很多教程和插件。)
不过,Inkscape 确实具有作为矢量图形编辑器的优势。 如果您要经常移动物品并调整物品大小以达到您想要的效果,那么 Inkscape 在这里使用起来会容易得多。 也就是说,如果您要为网站制作图像,您最终将使用光栅图形,而 GIMP 将为您提供更精细的控制。
我倾向于相信,在这种情况下,像 Inkscape 这样的矢量图形编辑器将更适合快速制作模型和原型,而 GIMP 将更适合创建最终产品。 我认为这两者都不太适合网页设计(目前为止),但如果我主要在图形编辑器中进行网页开发,我可能会这样做。 如果我必须选择一个工具,我会选择 GIMP。
(最后一点:尽管很多人对 GIMP 的用户界面有不同的看法,但我随时都会选择它而不是 Photoshop。它仍然有一些怪癖,但目前主要是个人意见。)
I've never used Fireworks, I do as much as possible of my web design outside of a graphics editor, my tool of choice for website mockups is a whiteboard, I do the layout of my websites in raw (X)HTML/CSS, and in general I only end up using the Gimp/Inkscape for quick sketches or when I specifically need to create/modify an image.
That said, I have used the GIMP and Inkscape a fair amount, so maybe my perspective will be helpful.
Right now, for anything that doesn't specifically demand vector graphics work, my general preference would be the GIMP. It's a far more mature and polished program. (And there are a lot of tutorials and plugins floating around if you end up needing them.)
Here though, Inkscape does have the advantage of being a vector graphics editor. If you're going to be moving things around a lot and resizing things to get them how you want them Inkscape is going to be a lot easier to work with here. That said, if you're making images for a website you're going to end up using raster graphics in the end, and the GIMP's going to give you more fine-tuned control.
I would tend to believe that in this case, a vector graphics editor like Inkscape is going to be better for quick mockups and prototyping, and the GIMP's going to be better for creating the final products. I don't think either is really very well-suited to web design (yet), but if I were doing my web development primarily in graphics editors, this is probably how I'd do it. If I had to choose a single tool it would be the GIMP.
(Final note: despite what many people say about the GIMP's user interface, I'd take its over Photoshop's any day. It still has a few quirks, but it's mostly opinion at this point.)
检查这张幻灯片,它们是关于原型设计的墨景。 使用矢量图形工具会更好,因为您可以轻松拖动、复制和移动所有内容。 缺点是距离最终产品还很远。
Check this slides, they are about prototyping in inkscape. Using a vector graphics tools it's better as you can drag things, duplicate and move all easily. The downside is that you're far from having a final product.
如果您使用的是 Windows,请尝试 Paint.NET - 它是开源且免费的,就像 GIMP 一样,但更容易使用,启动速度更快,并且更像 Photoshop(最著名的图像处理程序)。
If you are using windows, try Paint.NET - it's open source and free, like GIMP, but is easier to use, starts up faster, and is more like photoshop (the most famous image manipulation program).
我不得不说 Inkscape 给我留下了深刻的印象。 我在 Inkscape 中制作了第一个网站设计,来自 Fireworks。 学习界面花了我一些时间,但我能够做我必须做的事情。 经过一些使用后,它变得非常容易,我现在的工作速度实际上更快了。 如果您能花 2 天的时间阅读和学习 http://en.flossmanuals.net,我只能推荐它/Inkscape/ 。 当您非常了解 Inkscape 时,您可以学习 Gimp 进行光栅编辑。 对于任何 Web 2.0 风格的网站 inkscape 都可以。 您还可以使用遮罩等进行基本的位图编辑。 Gimp 适合下一个级别。
I have to say I am really impressed by Inkscape. I made my first website design in Inkscape, coming from Fireworks. Learning the interface took me some time, but I was able to do what I had to do. It gets really easy after some using, I actually do my work faster now. I can only recommend it, if you can spend like 2 days reading and learning http://en.flossmanuals.net/Inkscape/ . When you know Inkscape really well, you can learn Gimp for raster-editing. For any web 2.0-style website inkscape will do. You can also do basic bitmap-editting with masking,etc. Gimp is for the next level.
我在使用 GIMP 设计网站时遇到了困难。 这是因为我想设计一个Web 2.0网站,它有很多矢量功能。 渐变、阴影和文本等内容相互堆叠。 Inkscape 允许这些对象可移动,因此会更容易。
希望这可以帮助。
I have a difficult time using GIMP to design a website. This is because I wanted to design a web 2.0 site, which has a lot of vector features. Things like gradients, shadows, and text are stacked up on top of one another. Inkscape allows these objects to be movable and thus will be easier.
Hope this helps.
InkScape 并不是为 Web 开发而设计的; 它主要是用于印刷设计的实用程序。 对于同样开源、跨平台且与 Fireworks/Photoshop 更具可比性的网页设计图形实用程序,我推荐 The Gimp。
这里介绍了基础知识:
http://www.gimp.org/tutorials/The_Basics/
这里还有更多教程:
http://gimp-tutorials.net/
祝你好运。
InkScape is not designed for web development; it is primarily a utility for print design. For a web design graphics utility that is also open source, is cross-platform and is much more comparable to Fireworks/Photoshop, I recommend The Gimp.
The basics are covered here:
http://www.gimp.org/tutorials/The_Basics/
and there are tons more tutorials available here:
http://gimp-tutorials.net/
Best of luck.
GIMP 和 Inkscape 都能较好地处理切片导出。 Inkscape 确实可以更好地处理矢量图形,而 gimp 绝对是基于光栅的。
无论哪种情况,您都必须安装插件才能真正发挥 Web 开发工具的最佳性能。
Both the GIMP and Inkscape handle slice export relatively well. Inkscape definitely handles vector graphics better, while the gimp is definitely raster based.
In either case, you'll have to install plugins to really get the best performance out of the tools for doing web development.
我喜欢 Fireworks 进行网页设计/原型制作,原因如下
- 基于矢量的编辑与像素预览的完美结合
- 允许您重复使用元素并在一处进行编辑的符号
-9切片缩放:使符号可以水平和垂直无缝缩放
-页数! 有一个包含所有常见元素的母版页,然后每个文档有多个子页面。 从一个地方轻松导出
我知道这并不能直接回答您关于 inkscape 的问题,但希望它能给您带来另一种视角。
I love fireworks for web design/prototyping for the following reasons
-perfect mix of vector based editing with pixel preview
-symbols that let you reuse elements and edit in just one place
-9 slice scaling: make symbols that can be seamlessly be scaled horizontally and vertically
-pages! have a master page with all common elements and then have multiple child pages per document. export easily from one place
I know this doesn't directly answer your question about inkscape, but hopefully it can give you yet another perspective.