Home / Online-Artikel / Ubuntu User / 2011 / 04 / Webseiten entwerfen mit Inkscape

Newsletter abonnieren

Lies uns auf...

Folge LinuxCommunity auf Twitter

Top-Beiträge

Heftarchiv

LinuxUser Heftarchiv

EasyLinux Heftarchiv

Ubuntu User Heftarchiv

Ubuntu User Heftarchiv

Partner-Links:

Das B2B Portal www.Linx.de informiert über Produkte und Dienstleistungen.

Stückwerk

Webseiten entwerfen mit Inkscape

Hilfreiche Design-Tools

Gittersysteme und andere Web Frameworks helfen Ihnen, Ihre kreative Arbeit mit Inkscape besser zu organisieren. Aber wenn Sie eine professionelle Seite entwerfen und dabei Inkscape einsetzen, macht es Sinn, zu weiteren Open-Source-Werkzeugen zu greifen, um die Lücken zu füllen, die Inkscape und die Vorlagen nicht abdecken.

Eins dieser Tools ist ein guter Farbauswähler. Nutzen Sie am besten Gnomes Farbtool Agave [7] und den Farbpalettenkonvertierer SwatchBooker [8]. Agave erlaubt es Ihnen, harmonische Farben basierend auf einer Vielzahl an Farbkreisbeziehungen zu entdecken (Abbildung 11). SwatchBooker importiert Farbpaletten anderer Anwendungen wie Gimp, Krita und sogar Photoshop und verwandelt diese in ein für Inkscape lesbares Format.

Abbildung 11

Abbildung 11: Neue Farbschemata erstellen Sie in Ubuntu mit Agave. Die Gnome-Anwendung installieren Sie über das Software-Center.

Arbeiten Sie mit einer hochfrequentierten Website, müssen Sie sich meist Gedanken über die Größe von Dateien machen. Hier integrieren Sie Optimierer für Bilddateien wie etwa die Kommandozeilen-Werkzeuge pngcrush oder optipng. Testen Sie die Kompressionseinstellungen, bis Sie auf eine gute Balance zwischen Größe und Bildqualität stoßen.

Natürlich helfen auch vollwertige Webeditoren wie Bluefish und Kompozer dabei, CSS-, JavaScript- und HTML-Inhalte zu bearbeiten – die mit Inkscape erzeugten HTML- und CSS-Dateien sind nur ein Startpunkt, kein finales Produkt.

Die Zukunft des Designs

Inkscape ist ein quirliges Projekt und die entwickelnde Community spricht unter anderem davon, bessere Unterstützung für CSS und andere Webtechnologien direkt in Inkscape zu integrieren. Aktuell gibt es noch keine Lösung, CSS-Regeln auf Texte oder SVG-Objekte anzuwenden. Die Möglichkeit, formatierte HTML-Instanzen direkt in Inkscape zu erzeugen, würde die Tür für weitere Designoptionen öffnen – auch wenn Inkscape bereits jetzt eine nützliche Waffe für Web Designer ist.

Glossar

SVG

Scalable Vector Graphics basieren auf mathematischen Funktionen. Das macht sie skalierbar, was bedeutet, dass sie sich beliebig verlustfrei vergrößern lassen.

Content-Management-Systeme

Webseiten baut man heute in der Regel nicht mehr selbst, sondern greift zu fertigen, meist modular aufgebauten, Content-Management-Systemen. Joomla, Drupal oder auch Wordpress stehen kostenlos bereit und bringen eigene Galeriemodule und Nutzerverwaltungen mit.

Grafikprimitive

dabei handelt es sich um die essentiellen mathematischen Funktionen, auf deren Basis Inkscape und andere Vektorgrafikprogramme ihre Grafiken erzeugen.

Slices

Slices sehen aus wie ein Schnittmuster – aber nicht für Kleider, sondern für Webseiten. Sie schneiden zum Beispiel die rein grafischen Teile aus, die Sie nicht in HTML umsetzen können und exportieren sie dann in Form von HTML- und CSS-Dateien.

Tip a friend    Druckansicht Bookmark and Share
Kommentare

Hits
Wertung: 213 Punkte (18 Stimmen)

Schlecht Gut

Infos zur Publikation

Infos zur Publikation

title_2012_01

Aktuelle Ausgabe kaufen:

Ubuntu User ist bis Ausgabe 02/2013 vierteljährlich erschienen, aktuelle Artikel zu Ubuntu finden sich ab Ausgabe 04/2013 im LinuxUser.

Tipp der Woche

Bilder vergleichen mit diffimg
Bilder vergleichen mit diffimg
Tim Schürmann, 01.04.2014 12:40, 1 Kommentare

Das kleine Werkzeug diffimg kann zwei (scheinbar) identische Bilder miteinander vergleichen und die Unterschiede optisch hervorheben. Damit lassen sich nicht nur Rätsel a la „Orignial und Fäls...

Aktuelle Fragen

programm suche
Hans-Joachim Köpke, 13.04.2014 10:43, 8 Antworten
suche noch programme die zu windows gibt, die auch unter linux laufen bzw sich ähneln sozusagen a...
Funknetz (Web-Stick)
Hans-Joachim Köpke, 04.04.2014 07:31, 2 Antworten
Bei Windows7 brauche ich den Stick nur ins USB-Fach schieben dann erkennt Windows7 Automatisch, a...
Ubuntu 13.10 überschreibt immer Windows 8 Bootmanager
Thomas Weiss, 15.03.2014 19:20, 8 Antworten
Hallo Leute, ich hoffe das ich richtig bin. Ich habe einen Dell Insipron 660 Ich möchte gerne Ub...
USB-PTP-Class Kamera wird nicht erkannt (Windows-only)
Wimpy *, 14.03.2014 13:04, 15 Antworten
ich habe meiner Frau eine Digitalkamera, AGFA Optima 103, gekauft und wir sind sehr zufrieden dam...
Treiber
Michael Kristahn, 12.03.2014 08:28, 5 Antworten
Habe mir ein Scanner gebraucht gekauft von Canon CanoScan LiDE 70 kein Treiber wie bekomme ich de...