10 praktische Online-Tools für Webdesigner

Webdesign Online Tools

Es muss nicht immer gleich Photoshop oder Illustrator sein! Im Internet gibt es jede Menge kos­ten­lose Tools und Applikationen, die dir bei deinem Design-Prozess eine große Hilfe sein können. Außerdem macht es sehr viel Spaß die Tools aus­zu­pro­bieren, und man kommt oft auf ganz neue Design-Ideen. Hier eine kleine Auswahl meiner der­zei­tigen Favoriten!

1. Color Scheme Designer

Webdesign Online-Tools

Ein geniales Tool zum erstellen von Farbpaletten. Du kannst dir sogar ein Beispiel-Layout deiner Farbpalette erstellen. Die Farbwerte kannst du dir als HTML-Ansicht anzeigen lassen.

2. Name that Color

Webdesign Online-Tools

Mit diesem prak­ti­schen Tools kannst du Farbwerte erzeugen, oder ähnliche Farben zu einem bestimmten Farbwert bestimmen.

3. Kuler

Webdesign Online-Tools

Ein wahres Profi-Tools für Farbpaletten. Du kannst dir die Farbwerte zwar nicht kos­tenlos her­un­ter­laden, aber als Inpirationsquelle schöner Farbkombinationen ist Kuler defi­nitiv ein Tipp.

4. Lorem Ipsum Generator

Webdesign Online-Tools

Mit dem Lorem Ipsum Generator kannst du schnell Blindtexte für deine Webdesign-Layouts erzeugen. Praktisch ist, dass du auch gleich die Anzahl der Buchstaben, Wörter oder Absätze bestimmen kannst.

5. Picnik

Webdesign Online-Tools

Mit Picnik kannst du online deine Fotos zuschneiden, die Farben ändern, Effekte hin­zu­fügen etc. Das bear­bei­tete Bild kannst du dann auf deinen Computer her­un­ter­laden, per Email ver­schi­cken, oder direkt zu Flickr oder Picasa weiterleiten.

6. Pixlr

Webdesign Online-Tools

Pixlr ist eine Art Online Mini-Photoshop. Das Tool hat relativ viele Funktionen, und du kannst nicht nur Fotos bear­beiten, son­dern auch neue Projekte mit meh­reren Bearbeitungs-Ebenen erstellen.

7. Striped Backgrounds

Webdesign Online-Tools

Hintergrund-Streifen gefällig? Mit diesem prak­ti­schen Tool über­haupt kein Problem! Du kannst Streifenmuster ent­werfen, und diese dann in den unter­schied­lichsten Auflösungen herunterladen.

8. BgPatterns

Webdesign Online-Tools

Mit BgPatterns kannst du schnell schöne Muster ent­werfen, und diese z.B. für einen Webseiten-Hintergrund ver­wenden.
Eine aus­führ­liche Anleitung zum Tool fin­dest du auf dem WordWeb-Blog.

9. Ajax Load Gif Generator

Webdesign Online-Tools

Wenn du einen ani­mierten Ladebalken benö­tigst, kannst du dir hier ein gif-Bild für deine Animation generieren.

10. Web 2.0 Badges

Webdesign Online-Tools

Auf dieser Seite kannst du jede Menge Buttons in ver­schie­denen Farben, Styles und Text gestalten.

Hast du selbst schon mit Online-Tools gear­beitet? Wenn ja, wel­ches kannst du wei­ter­emp­fehlen? Ich freue mich wie immer über dein Feedback :-)

12 Kommentare

  1. Barbara

    Guten Morgen :) Schon wieder vielen Dank für die tollen Tipps und den Link zu meinem Artikel. Einige dieser Tools ver­wende ich selbst und finde sie sehr prak­tisch. Zwei wei­tere Online-Tools, die ich mag:

    CSS Compressor zum Komprimieren von CSS-Dateien
    Remember the Milk für das Verwalten von Aufgabenlisten

  2. oli

    Hallo zusammen,
    und ver­gesst nicht das es für pixlr noch ein rat­ten­scharfes Firefox Plugin gibt. Screenshot machen und diesen dann direkt im Browser unseres Vertrauens bear­beiten.
    genial

  3. Ellen

    @Oli: Super, vielen Dank für deinen Kommentar und den Tipp für das Pixlr-Addon. Ich habe gerade auf der Webseite ent­deckt, dass es den Pixlr-Grabber auch schon für Windows, und Google Chrome gibt. Klasse :-)

    @Marcel: Wow, genial! Placeholder.it kannte ich noch gar­nicht. Vielen Dank für diesen Tipp. Ebenfalls super praktisch :-)

  4. Manuel

    Danke Ellen, Color Scheme Designer. Echt super­ge­nial!
    I love it :-) dieses Tool hat einen neuen Fan und wird mit Sicherheit seinen Einsatz bei mir finden.

Hinterlasse eine Antwort

Pflichtfelder sind mit * markiert.

*


Top