2009-07-16 34 views
12

InkScape用戶,您可以推薦Inkscape進行網站模板開發。我必須學習一個網站模板工具,創建佈局和導出切片,我的朋友之一建議我看到他工作的煙花,也就是爲什麼我知道切片/ css和網絡 - 說lnkscape應該沒問題,沒有詳細說明評論。
有人,你知道用它來模板創建/開發。這個工具可以有不錯的外觀佈局,然後我可以導出切片。Gimp vs Inkscape vs Fireworks的網站開發?

回答

17

我從來沒有用過煙花,儘可能多的我的網頁設計以外的圖形編輯器,我的網站原型的首選工具是白板,我做我的網站佈局在原始(X) HTML/CSS,一般而言,我最終只能使用Gimp/Inkscape進行快速草圖,或者當我特別需要創建/修改圖像時。

這就是說,我用GIMP和Inkscape相當數量,所以也許我的觀點會有所幫助。

現在,對於任何不特別要求矢量圖形工作的東西,我的一般偏好是GIMP。這是一個更成熟和更完善的計劃。 (如果你最終需要它們,還有很多教程和插件都在浮動。)

儘管如此,Inkscape確實具有作爲矢量圖形編輯器的優勢。如果你要將事情轉移到很多地方,並調整事物的大小以獲得他們想要的方式,Inkscape在這裏工作會更容易。也就是說,如果你爲一個網站製作圖片,最終你最終會使用光柵圖形,而GIMP會給你更加精細的控制。

我傾向於認爲,在這種情況下,像Inkscape這樣的矢量圖形編輯器會更好地進行快速模型和原型設計,而GIMP將更好地創建最終產品。我認爲這兩種方法都不是非常適合網頁設計(但是),但是如果我主要是在圖形編輯器中進行網頁開發,那麼我可能會這樣做。如果我不得不選擇一個工具,那就是GIMP。

(最後一點:儘管很多人說對GIMP的用戶界面,我會拿其對Photoshop的任何一天,它仍然有一些怪癖,但它主要是在這一點上的意見。)

0

InkScape是不是專爲網頁開發而設計;它主要是印刷設計的實用工具。對於一個也是開源的網頁設計圖形工具,它是跨平臺的,與Fireworks/Photoshop相比,我推薦The Gimp。

一些基本的內容這裏介紹:

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

,並有噸可以在這裏找到更多的教程:

http://gimp-tutorials.net/

好運。

+0

我*部分*吃我的話;看起來InkScape正在朝着這種支持方向發展,但它看起來還處於早期階段。 見: http://wiki.inkscape.org/wiki/index.php/CSS_Support – hewhocutsdown 2009-07-16 03:25:36

+0

感謝hewhocutsdown,我已經厭倦了使用GIMP,不喜歡的界面多,所以我只是讓它去,有你親自使用gimp進行網站開發,並且可以做那種切片的事情。如果是的話,我並不都在意花時間在Gimp上花費的時間。 – 2009-07-16 03:25:43

+0

如果UI是問題,那麼有一個Photoshop風格的gimp版本,但我認爲這可能是一個比這更深的問題。我做了一些挖掘gimp插件和教程,我沒有超級印象: http://gimp-tutorials.net/search/node/css%20slice http://registry.gimp.org/faceted_search/results /分類%3A383 我已經使用Fireworks和GIMP進行網頁設計,但沒有按照您所描述的方式。 呃,看看上面的鏈接,看看你的想法。抱歉,我無法提供更多幫助。 – hewhocutsdown 2009-07-16 03:54:21

1

如果您使用的是windows,請嘗試Paint.NET - 它像GIMP一樣是開源免費的,但更易於使用,啓動速度更快,更像photoshop(最着名的圖像處理程序)。

0

GIMP和Inkscape都可以很好地處理切片輸出。 Inkscape可以更好地處理矢量圖形,而gimp絕對是基於柵格的。

無論哪種情況,您都必須安裝插件才能真正獲得用於進行Web開發的工具的最佳性能。

+0

瑞恩謝謝,看起來你已經使用了兩個,你建議什麼是更好的網站開發。我不確定,但基於矢量的圖像看起來更好,因爲頁面在瀏覽器中放大縮小。 – 2009-07-16 07:07:23

0

我愛網頁設計/原型煙花,原因如下

基於矢量編輯 - 完美搭配與像素預覽 -symbols,讓你重用一個地方 -9切片縮放元素和編輯:使符號可以無縫地水平和垂直縮放 -pages!擁有包含所有常見元素的母版頁,然後每個文檔具有多個子頁面。從一個地方容易地出口

我知道這並不直接回答你關於inkscape的問題,但希望它可以給你另一個視角。

1

我不得不說我對Inkscape印象深刻。我在Inkscape做了我的第一個網站設計,來自Fireworks。學習界面花了我一些時間,但我能夠做我必須做的事情。使用後它變得很容易,我現在更快地做我的工作。我只能推薦它,如果你可以花2天時間閱讀和學習http://en.flossmanuals.net/Inkscape/。當你知道Inkscape真的很好時,你可以學習Gimp進行光柵編輯。對於任何Web 2.0風格的網站,Inkscape都可以做到。你也可以用掩蔽等來進行基本的位圖編輯。瘸子是爲了下一個級別。

1

我很難用GIMP來設計一個網站。這是因爲我想設計一個Web 2.0站點,它有很多矢量功能。諸如漸變,陰影和文字之類的東西都堆疊在一起。 Inkscape允許這些對象是可移動的,因此會更容易。

希望這會有所幫助。

8

檢查this slides,它們是關於inkscape的原型。使用矢量圖形工具可以更好地拖動,複製和移動。缺點是你遠沒有最終產品。