« Blog-Parade "Traffic-Tipps für neue Blogs"
Links der Woche - Gründer-Test, PDF-Mag, ... »


Die 10 besten Tools für Web-Designer
Peer Wandiger - 16 Kommentare - Software, Webdesign - Ähnliche Artikel


Werbung
Proven Expert
Werbung

Okay, okay, die Top 10 Liste ist natürlich subjektiv. Aber trotzdem sind es die meiner Meinung nach wichtigsten 10 Tools für Web-Designer.

Dabei geht es nicht nur um kostenlose Tools, sondern auch um kostenpflichtige Tools. Nicht für jeden Zweck gibt es optimale Freeware-Tools.

Falls ihr noch Tools habt, die unbedingt in die Top 10 müssen, dann einfach einen Kommentar hinterlassen.

10.) Photoshop Elements

Photoshop Elements
Photoshop CS3 kostet um die 1.000 Euro und ist das Standardprogramm für die digitale Bildbearbeitung. Allerdings benötigen Web-Designer viele Features der Profi-Version gar nicht.

Für die ist das kostengünstige Photoshop Elements die richtige Wahl. Für unter 100 Euro bekommt ihr eine sehr gute Bildbearbeitung, die für Web-Designer alles beinhaltet, was man so braucht.

Alternativen:
GIMP, Photobie, paint.net

9) Web Developer Toolbar für Firefox

Web Developer Toolbar
Die Web Developer-Toolbar für den Firefox-Browser ist in meinen Augen das nützlichste aller Firefox-Plugins. Ich nutze die Toolbar schon sehr lange und brauche die einzelnen Funktionen immer wieder.

Die Liste der Funktionen ist sehr lang, aber einige Highlights sind:
- Umrandung von Block-Elementen, Tabellen-Zellen und anderen Elementen
- Automatische Verkleinerung oder Vergrößerung des Browser-Fensters.
- diverse Anzeigen von Formular-Daten
- Validierung von Feeds, HTML etc.
- Anzeige und Editieren von CSS
- und vieles, vieles mehr

Für mich unverzichtbar.

8 ) Opera Dragonfly

Opera Dragonfly
Für alle Entwickler, die mit dem Opera arbeiten, gibt es seit kurzem ein neues Entwickler-Tool. Es nennt sich Opera Dragonfly und ist eine Firebug-Alternative.

Die Funktionen sind unter anderem JavaScript-Debugger, CSS- und DOM-Prüfung, DOM, Fehler-Analyse und vieles mehr. Weitere Funktionen sollen folgen und das Tool soll auch mobile Sites unterstützen.

Alternativen:
Firebug für Firefox, YSlow for Firebug

7) ClickHeat

ClickHeat
Mit ClickHeat ist es möglich, die eigene Website oder den eigenen Blog genau zu analysieren. Dazu wird per JavaScript genau festgehalten, wo die eigenen Besucher hinklicken.

Damit ist es möglich herauszufinden, welche Website-Elemente die Aufmerksamkeit der Besucher fesseln und welche nicht. Das könnte z.B. für die Platzierung von PPC-Werbung nützlich sein. :-)

Alternativen:
Feng Gui, Crazyegg

Werbung

6) FlashFXP

FlashFXP
Der FlashFXP ist schon lange das FTP-Tool meiner Wahl. Ich habe viele andere, auch kostenlose FTP-Tools getestet, komme aber einfach mit diesem Tool am besten klar.

Das Tool gibt es für 25,- Dollar, was bei dem derzeitigen Dollar-Kurs ein Schnäppchen ist.

Alternativen:
WS-FTP, Filezilla

5) Browsershots

Browsershots
Die meisten Web Designer haben ja einen Lieblingsbrowser. Nun haben aber die Internet-Nutzer da draußen auch andere Browser und da muss man die eigenen Websites auch auf diesen testen.

Statt sich nun alle Browser zu installieren, kann man auch Browsershots.org nutzen. Dort werden diverse Browser-Typen auf insgesamt 4 Betriebssystemen angeboten. Einfach die URL eingeben und Browsershots erstellt online Screenshots.

Alternativen:
Netrenderer, Browsrcamp


4) Color Palette Generator

Color Palette
Farben spielen beim Web-Design eine große Rolle. Die richtige Farbpalette zu finden ist dabei gar nicht so einfach.

Ein sehr gutes Tool, welches diese Arbeit an Hand eines vorgegeben Fotos macht, ist der Color Palette Generator. Man lädt einfach ein Foto hoch und das Tool generiert daraus eine passende Farbpalette.

Alternativen:
Colorhunter, Color Scheme Generator 2


3) Fotolia Bilder

Fotolia Bilder
Auf Fotolia.de findet ihr rund 3.600.000 Millionen lizenzfreie Bilder. Natürlich gibt es auch kostenlose Bildportale, aber da ist oft nicht wirklich sicher, dass die Bilder wirklich frei von Rechten Dritter sind.

Bei Fotolia bekommt man wirklich gute Bilder für wenig Geld. Ich nutze Fotolia schon länger und bin wirklich zufrieden.
Man kann als Fotograf seine Bilder hier auch verkaufen.

Alternativen:
Pixelio, Aboutpixel


2) SELFHTML

SELFHTML
Wer Websites selber erstellt, kommt um dieses Online-Handbuch fast nicht herum. Auf SELFHTML.org finden sich alle HTML- und CSS-Befehle mit genauer Anleitung und Beispielen.

Ich schaue dort regelmäßig vorbei, auch wenn ich schon sehr lange Websites erstelle. Doch es gibt immer wieder mal Fragen. Zudem gibt es auf der Website auch noch ein paar andere interessante Informationen und auch ein Forum, in dem man zu vielen Fragen Antworten finden kann.


1) Stift und Papier

Das für mich nützlichste Web-Design-Tool ist ein Stift und ein Blatt kariertes Papier. Bevor ich überhaupt am PC etwas designe, kritzele ich diverse Seiten Papier voll und entwickle so schon mal das Layout.

Ich kann nur jedem Web-Designer empfehlen auch mal die Finger vom Computer zu lassen. Der Entwurf mit Stift und Papier ist deutlich anders, als wenn man am Computer sitzt. Das bringt oft neue und kreative Ideen. Zudem geht es so viel schneller, mal ein paar Ideen zu skizzieren.


Meine Top 10 Tools

So, das waren nun meine Top 10 Tools für Web-Designer. Mich beschleicht zwar das komische Gefühl, dass ich bestimmt was vergessen habe, aber so ist das nun mal.

Wer von euch noch gute und unverzichtbare Tools hat, dann einfach in die Comments damit.


Hier findest Du weitere Informationen zu diesem Thema:

Die besten Artikel zum Thema 'Software'
Rankseller
Werbung
DomainBoosting
Werbung

Der Artikel hat Dir gefallen?
Dann abonniere den Feed! Die Artikel gibt es auch per Mail



Kommentare
16 Kommentare und Trackbacks zu 'Die 10 besten Tools für Web-Designer'

Kommentare zu 'Die 10 besten Tools für Web-Designer' mit RSS

  1. 1 Sebastian kommentierte am 05.06.2008 um 10:20 Uhr

    Danke für deine schöne Liste!

    Ich habe noch ein kleinen Tipp für all unsere VISTA-Nutzer. Für Vista gibt es jetzt eine Alternative zu Multiple IE. Das kostenlose Tool nennt sich IE-Tester:

    http://www.my-debugbar.com/wiki/IETester/HomePage

    Damit lassen sich die Engines des IE ab 5.5 simulieren. Auch die Beta des IE8 kann simuliert werden!

    Dieses Tool war meine Rettung in den letzten Tagen! :mrgreen:

  2. 2 Max kommentierte am 05.06.2008 um 10:45 Uhr

    Interessante Liste, aber nicht nur für FTP nutze ich den TotalCommander.

  3. 3 Peer Wandiger kommentierte am 05.06.2008 um 10:51 Uhr

    Danke Sebastian für den Tipp. Der IE-Tester funktioniert auch super mit XP. Und es ist wirklich sehr nützlich.

  4. 4 Christian kommentierte am 05.06.2008 um 11:07 Uhr

    Noch 2 wichtige Tools für den FF die du vergessen hast –> Firebug & Colorzilla –> Ohne die könnt ich fast nicht mehr leben :D

  5. 5 Sebastian kommentierte am 05.06.2008 um 11:17 Uhr

    Der IETester ist leider noch etwas verbuggt.

    Ich denke so eine Liste könnte man endlos fortsetzen. Das wär wieder etwas für eine Blogparade. :grin:

  6. 6 Fred kommentierte am 05.06.2008 um 11:36 Uhr

    PhotoImpact bietet eine Menge und ist mit unter 50,- Euro deutlicher günstiger.

  7. 7 Sascha kommentierte am 05.06.2008 um 12:06 Uhr

    Einige Tools von deiner oben genanten Liste nutze ich selber auch immer wieder. Andere warne mir bis dato völlig unbekannt!

  8. 8 Toni kommentierte am 05.06.2008 um 12:36 Uhr

    SelfHtml ist immer noch aktuell, obwohl es schon so alt ist!
    Gruß Toni

  9. 9 Jerome kommentierte am 05.06.2008 um 13:50 Uhr

    Mir fehlt da definitiv der vi bzw. der vim, in dem ich fast alle meine Webseiten programmiere! :mrgreen:

  10. 10 WebDesigner Ansgar kommentierte am 05.06.2008 um 14:10 Uhr

    Mir fällt noch ein:

    Für Farb-Schemata: http://kuler.adobe.com/

    Für Fotos: http://www.stockxpert.de/
    Hat IMO ne wesentlich bessere Qualität an Bildern und ne bessere Suchfunktion

  11. 11 hannes kommentierte am 05.06.2008 um 15:18 Uhr

    Also wie oben schon genannt reicht mir Photoshop Elements vollkommen für alle Bildbearbeitungssachen…selfhtml klingt auch interessant! muss ich auch mal anschauen..

  12. 12 Vitaliy, Köln kommentierte am 05.06.2008 um 16:44 Uhr

    Die 7 von den 10 nutze ich auch :) Was die Farben / Farbpaletten angeht ist http://www.colorsontheweb.com sehr zu empfehlen. Ansonsten sehr schöne Liste, danke!

  13. 13 Mark Ralea kommentierte am 05.06.2008 um 19:04 Uhr

    Besonders den letzten Tipp finde ich super :)

  14. 14 Peer Wandiger kommentierte am 05.06.2008 um 20:59 Uhr

    Ich sehe zwar fast nur AdSense-Werbung auf dieser Website, aber die Tools sind gut.

  15. 15 Willin kommentierte am 05.06.2008 um 23:17 Uhr

    Also neben Photoshop kann ich noch Illustrator von Adobe empfehlen. Ist zwa rnicht billig, aber die Schüler- und Stiudiversion ist vom Preis OK.

Trackbacks

  1. Besserwerberblog • Marketing für Besserwerber



Werbung





Twitter Selbständig
4.819
Follower
Facebook Selbständig
715
Fans
Google+ Peer Wandiger
4.462
Kreise
WER SCHREIBT HIER?
Peer Wandiger Mein Name ist Peer Wandiger. Ich bin selbstständiger Webentwickler und Blogger. Hier im Blog findest du mehr als 3.000 Fachartikel, die besten Artikel aus über 6 Jahren und alles über den Blog und mich.
Abonniere die neuen Blog-Artikel als RSS-Feed (mehr als 5.000 Leser) oder als Newsletter.
AKTUELLE ARTIKEL
BELIEBTESTE ARTIKEL
WERBUNG
Backlinkseller - SEO
LinkHAMMERWebsite-Tooltester
PKV Vergleich
AKTUELLE ANGEBOTE
AKTUELLE UMFRAGE

Welche Bildquellen nutzt ihr auf eurer Website?

View Results

Loading ... Loading ...
TOP 5 EINNAHMEQUELLEN*
  1. Backlinkseller.de
    Geld verdienen mit Backlinks.
  2. Adiro.de
    Geld verdienen mit Text-Anzeigen.
  3. Finanzen.de
    Versicherung- und Kredit-Partnerprogramm.
  4. Everlinks.net
    Linkverkauf und bezahlte Artikel.
  5. Superclix.de
    Affiliate-Netzwerk mit Sofortfreischaltung.
TIPPS
ARTIKELSERIEN
BLOG NETWORK
WERBUNG
wpSEO, das Plugin fuer WordPress SEO
LINK-EMPFEHLUNGEN
AKTUELLE KOMMENTARE
Steffen
Dankeschön für den informativen Artikel zum Thema Geld verdienen im Internet....
23. April 2014

Adrian
Bei mir ist es genau so wie bei Markus. Mein Blog wird eher als Hobby betrieben,...
23. April 2014

Robert
Vielen Dank für die Tipps! Ich nutze über AdWords ausschließlich Landingpages,...
23. April 2014

Dimitri Weimer
Ich bin schon länger mit den Suchanfragen des Webmasters von Google...
23. April 2014

Dimitri Weimer
Ich persönlich bin kein Fan von gekauften Link. Klar ist die Versuchung...
23. April 2014

SOCIAL NETWORKING
*

View Peer Wandiger's profile on LinkedIn

Blogverzeichnis - Blog Verzeichnis bloggerei.de

INFORMATIONEN