2009-07-16 4 views
12

InkScape-Benutzer, können Sie Inkscape für die Entwicklung von Website-Vorlagen empfehlen. Ich muss ein Werkzeug für Website Templating lernen, Layout zu erstellen und zu exportieren Scheiben, einer meiner Freunde schlägt Feuerwerkskörper ich habe gesehen, dass er arbeiten, dh warum ich bewusst über schneiden/css, und Web-sagt lnkscape soll in Ordnung sein, nichts im Detail Rezension.
Hat jemand, Sie wissen, haben es zu Template-Erstellung/Entwicklung verwendet. Kann dieses Werkzeug anständig gut aussehen Layout, und dann kann ich die Scheiben exportieren.Gimp vs Inkscape vs Fireworks für Website-Entwicklung?

Antwort

17

Ich habe noch nie Fireworks verwendet, ich mache so viel wie möglich von meinem Webdesign außerhalb eines Grafikeditors, mein Werkzeug der Wahl für Website-Modelle ist ein Whiteboard, ich mache das Layout meiner Websites in roher (X) HTML/CSS, und im Allgemeinen benutze ich Gimp/Inkscape nur für kurze Skizzen oder wenn ich ein Bild erstellen/modifizieren muss.

Das sagte, ich habe die GIMP und Inkscape eine angemessene Menge, also vielleicht meine Perspektive wird hilfreich sein.

Gerade jetzt, für alles, was nicht speziell Vektorgrafiken Arbeit, meine allgemeine Vorliebe wäre die GIMP. Es ist ein weit reiferes und geschliffeneres Programm. (Und es gibt viele Tutorials und Plugins, die herumschweben, wenn Sie sie benötigen.)

Hier hat Inkscape jedoch den Vorteil, ein Vektorgrafikeditor zu sein. Wenn Sie Dinge viel bewegen und die Größe ändern wollen, um sie so zu bekommen, wie Sie es wollen, wird Inkscape viel einfacher zu handhaben sein. Das heißt, wenn Sie Bilder für eine Website machen, werden Sie am Ende mit Rastergrafiken enden, und das GIMP wird Ihnen eine feinere Kontrolle geben.

Ich würde dazu neigen, zu glauben, dass ein Vektor-Grafik-Editor wie Inkscape besser in diesem Fall für eine schnelle Mockups und Prototyping sein wird, und die GIMP gehen besser sein, um die Endprodukte zu schaffen. Ich denke nicht, dass sich beide (wirklich) wirklich sehr gut für das Webdesign eignen, aber wenn ich meine Webentwicklung hauptsächlich in Grafikeditoren machen würde, würde ich das wahrscheinlich tun. Wenn ich ein einzelnes Werkzeug wählen müsste, wäre das GIMP.

(Gesamtnote: trotz allem, was viele Leute sagen, über die Benutzeroberfläche des GIMP, ich seinen über jeden Tag Photoshop nehmen würde es immer noch ein paar Macken hat, aber es ist meistens Meinung an dieser Stelle..)

0

InkScape ist nicht entwickelt für Web-Entwicklung; es ist in erster Linie ein Dienstprogramm für das Druckdesign. Für ein Webdesign-Grafikprogramm, das auch Open Source ist, plattformübergreifend ist und viel besser mit Fireworks/Photoshop vergleichbar ist, empfehle ich The Gimp.

Die Grundlagen sind hier abgedeckt:

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

und es gibt jede weitere Tutorials finden Sie hier:

http://gimp-tutorials.net/

Best of luck.

+0

Ich * teilweise * essen meine Worte; Es sieht so aus, als ob InkScape sich auf diese Art von Unterstützung hinbewegt, aber es scheint, als wäre es noch in einem frühen Stadium. Sehen Sie: http://wiki.inkscape.org/wiki/index.php/CSS_Support – hewhocutsdown

+0

Dank Hewhocutsdown, ich habe müde, Gimp zu verwenden, mochte nicht die Schnittstelle so sehr, so lass ich es einfach gehen, haben Sie persönlich Gimp für die Website-Entwicklung verwendet, und können Sie das schneiden Sache. Wenn ja, habe ich nicht die geringste Zeit für Gimp. –

+0

Es gibt eine Photoshop-Version von Gimp, wenn die Benutzeroberfläche das Problem ist, aber ich denke, es könnte ein tieferes Problem sein. Ich habe etwas in Gimp Plugins und Tutorials gegraben, und ich bin nicht sehr beeindruckt: http://gimp-tutorials.net/search/node/css%20slice http://registry.gimp.org/faceted_search/results/taxonomy% 3A383 Ich habe Fireworks und GIMP für das Webdesign verwendet, aber nicht so, wie Sie es beschreiben. Eh, werfen Sie einen Blick auf die Links oben, wir sehen uns, was Sie denken. Tut mir leid, ich könnte nicht mehr helfen. – hewhocutsdown

1

Wenn Sie Windows verwenden, versuchen Sie Paint.NET - es ist Open Source und kostenlos, wie GIMP, aber es ist einfacher zu bedienen, startet schneller und ist mehr wie Photoshop (das berühmteste Bildbearbeitungsprogramm).

0

Sowohl der GIMP- als auch der Inkscape-Griff schneiden relativ gut ab. Inkscape behandelt Vektorgrafiken auf jeden Fall besser, während der Gimp definitiv auf Raster basiert.

In jedem Fall müssen Sie Plugins installieren, um wirklich die beste Leistung aus den Tools für die Webentwicklung zu erhalten.

+0

Ryan danke, sieht so aus, als hättest du beide benutzt, was schlägst du vor, ist besser für die Website-Entwicklung. Ich bin mir nicht sicher, aber es sieht so aus, als wären vektorbasierte Bilder besser, da die Seiten bei Browsern vergrößert und verkleinert werden. –

+1

Sie exportieren in jedem Fall in Rasterbilder. Ich persönlich bevorzuge die Verwendung von Inkscape, da das Original (nicht exportiert) leichter geändert werden kann. – Ryan

0

Ich liebe Feuerwerk für Web-Design/Prototyping aus den folgenden Gründen

-fließend Mischung aus Vektor-basierte Bearbeitung mit Pixel Vorschau -Symbole mit denen Sie Elemente und bearbeiten Wiederverwendung nur an einer Stelle -9 Slice-Skalierung: Erstellen Sie Symbole, die nahtlos horizontal und vertikal skaliert werden können -pages! eine Musterseite mit allen allgemeinen Elementen haben und dann mehrere untergeordnete Seiten pro Dokument haben. export leicht von einem ort

Ich weiß, dass dies nicht direkt Ihre Frage zu Inkscape beantwortet, aber hoffentlich kann es Ihnen noch eine andere Perspektive geben.

+0

nein jede Perspektive ist wichtig, da ich gerade anfange zu lernen, Site-Building. –

1

I Ich muss sagen, ich bin wirklich beeindruckt von Inkscape. Ich habe mein erstes Website-Design in Inkscape von Fireworks gemacht. Das Lernen der Schnittstelle hat einige Zeit gedauert, aber ich konnte tun, was ich tun musste. Nach einiger Zeit wird es sehr einfach, ich mache meine Arbeit jetzt schneller. Ich kann es nur empfehlen, wenn man 2 Tage lesen und lernen kann http://en.flossmanuals.net/Inkscape/. Wenn Sie Inkscape wirklich gut kennen, können Sie Gimp für die Rasterbearbeitung lernen. Für jede Website im Web 2.0-Stil ist Inkscape geeignet. Sie können auch grundlegende Bitmap-Bearbeitungen mit Maskierung durchführen. Gimp ist für das nächste Level.

1

Ich habe eine schwierige Zeit mit GIMP, um eine Website zu entwerfen. Das liegt daran, dass ich eine Web 2.0-Website entwerfen wollte, die viele Vektorfunktionen enthält. Dinge wie Farbverläufe, Schatten und Text sind übereinander gestapelt. Inkscape ermöglicht, dass diese Objekte beweglich sind und somit einfacher sind.

Hoffe, das hilft.

8

Überprüfen Sie this slides, sie sind über Prototyping in Inkscape. Mit einem Vektor-Grafik-Tools ist es besser, wie Sie Dinge ziehen, duplizieren und alles leicht verschieben können. Der Nachteil ist, dass Sie weit davon entfernt sind, ein Endprodukt zu haben.

+0

Das war eine schöne Präsentation. +1 – Jomoos