Share
Heute werden wir die wichtigsten Unterschiede zwischen Photoshop und Fireworks und deren Bedeutung für Webdesigner genauer untersuchen. Dieser Artikel ist als Leitfaden für alle gedacht, die die Vor- und Nachteile der einzelnen Anwendungen verstehen möchten. Unser Ziel: Designern helfen, ihre Optionen besser zu verstehen, wenn es darum geht, die Grafikanwendung ihrer Wahl auszuwählen.
Wir haben eine Leserumfrage zu diesem Thema gepostet. Stellen Sie also sicher, dass Sie auch für diesen Beitrag eine eigene Stimme abgeben!
Beginnen wir mit der Auflistung der Vor- und Nachteile jedes Programms. Für die meisten Designer ist Fireworks das weniger bekannte, daher fangen wir dort an:
Fireworks ist eine Grafikanwendung, genau wie Photoshop ... aber der "Zielbenutzer" des Programms unterscheidet sich erheblich. Der Hauptgrund für die Wahl von Fireworks ist, dass es speziell für Webdesigner entwickelt wurde. Es ist leicht, geht schnell (auch auf älteren Computern) und ist leichter zu erlernen als Photoshop, wenn Sie eines der beiden Programme noch nicht kennen. Da es für Webdesigner entwickelt wurde, wächst es mit der Zeit eher, um für diese Branche besser geeignet zu sein. Dies bedeutet auch, dass Sie, wenn Sie gerade erst anfangen, sich nicht mit der komplexen Benutzeroberfläche oder der steilen Lernkurve beschäftigen werden, die Sie in Photoshop finden.
Hier einige Gründe, warum Sie sich für Fireworks entscheiden könnten:
Mit der Masterseitenfunktion können Sie konsistente Websiteelemente festlegen, die auf jeder "Seite" angezeigt werden sollen. Mit der Funktion "Mehrere Seiten" können Sie so viele untergeordnete Seiten in derselben Vorlage erstellen. Dies ist sehr leistungsfähig, da es der Funktionsweise einer echten Website sehr ähnlich ist. Tatsächlich soll die Handhabung von Seiten und Status in einer Fireworks-Datei das Verhalten einer Live-Webseite nachahmen. Einige Elemente sind fixiert (z. B. Navigation, Branding, Hintergründe usw.) und einige Elemente ändern sich von einer Seite zur nächsten (Inhaltsspalten, Fotos, Titel usw.). Natürlich können Sie dies auch in Photoshop mithilfe von Layer-Gruppen oder mehreren PSD-Dateien erreichen. Die Organisation und die Benutzeroberfläche, die diese Funktionen in Fireworks umgeben, ist jedoch natürlicher. Die Bearbeitung universeller Änderungen in Fireworks ist dadurch schneller.
Oh, Sie können eine Seite auch vom Master trennen, wenn Sie benutzerdefinierte Designelemente erstellen möchten. Dies macht sie flexibel genug, um selbst mit den komplexesten Websites umgehen zu können.
Internes Verknüpfen klingt so, wie es sich anhört - In Fireworks können Sie "Hot Spots" auf Ihrer Website angeben, die auf die verschiedenen Seiten (oben erwähnt) verweisen. Sie können sogar auf externe URLs verweisen, wenn Sie möchten. Die ursprüngliche Idee dabei war, Designern zu gestatten, tatsächlich eine Site in Fireworks zu entwerfen und sie dann als Code zu "exportieren". Die Jury weiß noch nicht, ob der exportierte Code nützlich ist, aber diese Funktion ist fantastisch, wenn Sie eine Datei nur als PDF-Datei exportieren möchten, damit ein Kunde oder ein Art Director schnell blättern kann. Auf diese Weise können Sie schnell Prototypen in Fireworks erstellen, ohne jemals eine Zeile Code schreiben zu müssen.
Stile in Fireworks sind CSS auf Webseiten sehr ähnlich. Jedes Element kann eine Füllung, einen Strich, eine Schriftart und einen Effekt haben und dann als einen Stil gespeichert werden, der dann auf dieselbe Weise wiederverwendet und auf dieselbe Weise wie die Kaskadierung von Stylesheets geändert werden kann. Bearbeiten Sie den übergeordneten "Stil" und alle Elemente, die diesen Stil verwenden, werden geändert. Dies ist besonders effektiv, wenn mehrere Instanzen von Textblöcken in einer Site behandelt werden. Aktualisieren Sie eine und Sie werden alle aktualisieren. Auch dies ist ein großartiges Zeitersparnis.
Photoshop bietet einige sehr rudimentäre Werkzeuge zur Vektorbearbeitung, Fireworks bietet jedoch viele Funktionen von Illustrator für die eigene Benutzeroberfläche. Das beste Werkzeug (für Webdesigner) ist wahrscheinlich das "Rechteck mit abgerundeten Ecken"- das enthält Kontrollpunkte für jede Ecke - so können Sie schnell Änderungen an einem abgerundeten Rechteck vornehmen. Sie können eine Ecke abrunden und die anderen nicht - Sie können auch den Radius ändern. Dies ist in Photoshop noch nicht möglich.
Symbole, Stile und Vektorformen werden in Bibliotheken verpackt, die Sie in anderen Projekten wiederverwenden können. Dies ist ideal für Designer, die häufig verwendete Elemente und Stile wiederverwenden. Dies bedeutet auch, dass Sie Ihre Bibliotheken für andere Designer freigeben können. Dies ist besonders hilfreich, wenn Sie mit großen Designteams arbeiten, in denen jeder Designer auf dieselben Bibliotheken zugreifen muss.
In Photoshop können Sie Elemente in Ebenengruppen gruppieren. Dies geschieht jedoch manuell und kann im Laufe der Zeit langweilig werden. Das Gruppieren in Fireworks erfolgt auf ganz natürliche Weise: Sie wählen einfach eine Handvoll Elemente aus und klicken auf "Gruppieren". Dies bedeutet im Allgemeinen, dass Ihre Dateien ein wenig besser organisiert werden. Insgesamt spart dies relativ zur manuellen Gruppierungsmethode von Photoshop.
Hier ist ein weiterer Fall, bei dem Fireworks das, was Photoshop bietet, einfach verbessert. Anstatt einer Handvoll Farbverlaufswerkzeuge bietet Fireworks eine Vielzahl von Möglichkeiten, Farbverläufe anzupassen und zu verwalten, bis sie genau das sind, wonach Sie suchen.
In Photoshop gibt es einige grundlegende "Save for Web" -Tools. Fireworks erweitert diese Tools jedoch auf eine Art und Weise, die darauf abzielt, wie Webdesigner tatsächlich funktionieren. Parallele Vergleiche zeigen geringere Dateigrößen beim Speichern von Fireworks, was für Image-lastige Websites von entscheidender Bedeutung ist. PNG-8 (mit Transparenz) wird ebenfalls vollständig unterstützt, was Photoshop noch nicht unterstützt!
Wenn Sie Photoshop seit Jahren verwenden, wird sich Fireworks Ihnen fremd fühlen. Die meisten Benutzer, die keines der Programme verwendet haben, sind sich jedoch einig, dass Fireworks viel einfacher zu erlernen ist. Photoshop wurde für Fotografen und Grafikdesigner entwickelt. Das bedeutet, dass viele Tools enthalten sind, die Webdesigner nicht unbedingt benötigen. Die Überlastung der Benutzeroberfläche, über die Photoshop-Benutzer gewöhnt sind, wird in Fireworks erheblich reduziert. Dies macht es für jeden recht einfach, für jeden zu suchen, der bereit ist, etwas mehr Zeit zu investieren.
Was erhalten Sie, wenn Sie alle zusätzlichen Funktionen von Photoshop entfernen? Kleinere Dateigrößen, die eine Menge schneller bewegen. Fireworks-Dateien (.PNG-Format) können weitaus komplexer sein als .PSD-Dateien, aber auf den meisten Computern sind sie besser. Das bedeutet, dass weniger Wartezeiten für den Grafikprozess der CPU erforderlich sind und mehr Zeit für das Entwerfen aufgewendet wird.
Viele dieser anderen Funktionen bedeuten auch, dass Sie in Fireworks tatsächlich Dinge erledigen können, die Sie in Photoshop nicht tun können. Dazu gehören das schnelle Erstellen von Prototypen einer Website oder AIR-App, das Erstellen interaktiver PDF-Dateien, das Wechseln mit Flash sowie das schnelle Würfeln eine Site in webfähige Dateien.
"In einer kürzlich durchgeführten Umfrage der Society of Digital Agencies (SODA) suchen fast 20% der Agenturen nach FW-Fähigkeiten. Das Jahr zuvor war die Zahl so gering, dass sie vernachlässigbar war." - Tom Green (aus unserem Abstimmungsbeitrag)
Diese Liste wird kleiner sein, da wir die wichtigsten Vergleichspunkte bereits durchgearbeitet haben. Hier einige Argumente für die Verwendung von Photoshop anstelle von Fireworks.
Seien wir ehrlich, Fireworks leidet unter dem "Rothaarigen-Schritt-Kind" -Syndrom. Fireworks hat nur in den letzten Versionen (CS4 und CS5) sinnvolle Funktionsaktualisierungen erhalten. Dies ist zwar ein gutes Zeichen für die Zukunft, aber die Logik würde argumentieren, dass Adobe Fireworks weitaus weniger Aufmerksamkeit schenkt als Photoshop, nur weil Photoshop jedes Jahr mehr Male für mehr Geld verkauft. Photoshop ist auch ein älteres Programm. Dies bedeutet, dass es von einer längeren Geschichte des Benutzer-Feedbacks profitiert. Fireworks wächst immer noch mit jeder neuen Version, die herauskommt, sprunghaft an. Da Photoshop jedoch das Flaggschiff-Produkt von Adobe in der CS-Suite ist, können Sie davon ausgehen, dass es in Zukunft die meisten Upgrades erhalten wird.
In der Vergangenheit berichten Fireworks-Benutzer mehr Abstürze und Dateiprobleme als Photoshop-Benutzer (obwohl CS5 wesentlich mehr Stabilität brachte). Photoshop hat eine ganze Reihe von Problemen, aber es lohnt sich zu bedenken, dass Sie eher mit Kopfschmerzen konfrontiert werden, wenn Sie ausschließlich mit Fireworks arbeiten.
Die Nachfrage nach Menschen, die Fireworks beherrschen, steigt zwar, aber die Nachfrage nach Webdesignern, die mit Photoshop arbeiten, ist allgemein. Bei fast allen großen Webprojekten wird Photoshop zumindest in gewissem Umfang genutzt, und zumindest ein Zwischenwissen über PS ist für die meisten Webdesign-Positionen, an denen ein Team beteiligt ist, eine Arbeitsanforderung. Ihre freiberuflichen Kunden interessieren sich möglicherweise nicht für das Programm, in dem Sie arbeiten, aber Sie haben die Chance, Photoshop-Dateien mit Ihren Kollegen auszutauschen, als Fireworks-Dateien.
Das stärkste Argument für die Verwendung von Photoshop ist möglicherweise, dass Sie es bereits gelernt haben und dass es ein komfortabler Teil Ihres Workflows ist. Wie wir in unserer Diskussion bei der Reader's Poll gesehen haben, ist die große Mehrheit der Leute, die mit Photoshop angefangen haben, bei Photoshop geblieben. Warum? Weil es funktioniert! Und wie das alte Sprichwort sagt: "Wenn es nicht kaputt ist, repariere es nicht". Ein neues Programm zu lernen, kostet Zeit und Geld - und wenn Sie keinen Grund haben, Fireworks zu verwenden, gibt es wirklich keinen Grund, sofort umzusteigen.
Seien wir ehrlich, obwohl es viele Tutorials für Fireworks gibt. Photoshop-Tutorials und -Ressourcen überwiegen auf Fireworks basierende Inhalte im Web um mindestens 10-zu-1. Was bedeutet das für dich? Ihre Wahrscheinlichkeit, großartige pädagogische Tuts zu finden (wie bei PSDTuts!), Ist wesentlich größer, da Sie die gleichen Inhalte für Fireworks finden. Für viele reicht dies aus, um die Tatsache auszugleichen, dass Photoshop schwerer zu erlernen ist.
Ein Designer, der Fireworks verwendet, muss in der Regel noch Photoshop verwenden, um erweiterte Grafiken zu erstellen. Die meisten Photoshop-Benutzer müssen Fireworks jedoch nicht öffnen. Warum? Weil sie es nicht brauchen. Alle Kernfunktionen sind in Photoshop vorhanden. Während Fireworks über einige Funktionen verfügt, die "verbessert" wurden, werden sie von Photoshop-Benutzern nicht vermisst, da sie gar nicht wissen, dass sie existieren;)
Zu Beginn des Internets waren Webdesigner gezwungen, die zur Erstellung ihrer Websites geeigneten Programme zu verwenden. Die ersten Websites begannen als einfache Dinge und erforderten nicht viel grafisches Können. Diese Webdesigner von yore haben einfach mit jeder Grafikdesignsoftware gemacht, die sie verwendet haben oder in der sie trainiert haben.
Jetzt ist Webdesign jedoch ein wesentlicher Bestandteil des Besitzens eines Unternehmens. In der Tat weiß fast jeder heutzutage etwas über das Entwerfen einer Webseite. Es gibt kostenlose Online-Webseitenprogramme, Software, die das Webdesign vereinfacht, und es gibt die seriöseren Programme, die für professionelle Webdesigner erstellt wurden.
Mit fortschreitender Technologie wurden mehr Produkte veröffentlicht und die Entscheidung, welches Programm zu wählen ist, ist schwierig geworden. Für diejenigen, die schon lange im Webdesign tätig sind, hat die neue Software wenig Anklang an der bewährten und erprobten Software, an der Sie geschult wurden. Aber in welche Richtung sollte ein neuer Webdesigner gehen? Die Gabelung in der Straße kann verwirrend und überwältigend sein, ohne dass eine Karte folgen muss.
Adobe Photoshop war schon immer ein Eckpfeiler der Grafikdesign-Community, weshalb es für den Übergang vom Print- zum Webdesign eine natürliche Wahl ist. In Adobe Photoshop und Illustrator werden neue Grafikdesigner ausgebildet. Eine feste Grundlage ist, dass diese beiden normalerweise erforderlich sind, bevor eine Schule einem Schüler den Übergang in andere Multimedia-Software ermöglicht.
Wenn Sie Webdesigner fragen, welche Software sie häufig verwenden, sind die häufigsten Antworten Photoshop, Fireworks und Dreamweaver. Es gibt kein Programm, das beliebter ist als ein anderes, da es verschiedene Gründe gibt, warum ein Entwickler welche Software über eine andere lernt. Es wird viel darüber gesagt, dass Adobe Photoshop und Macromedia Fireworks für Webdesigner gleich sind, aber diese umfassende Übersicht gibt keiner der Software die Gerechtigkeit, die sie verdient.
Nachdem Adobe Macromedia erworben hat, kann davon ausgegangen werden, dass Fireworks Photoshop mit der Zeit und zukünftigen Updates noch ähnlicher wird. Sie werden jedoch nie die gleichen sein und das Verständnis ihrer grundlegenden Unterschiede wird Ihnen helfen, eine Entscheidung zu treffen.
Es gibt andere Webdesign-Softwareoptionen (wie Pixelmator für Mac, ULead, Xara, Stone und andere), aber diese beiden sind die wichtigsten und am meisten umstrittenen Akteure.
In erster Linie wurde Photoshop für die Bearbeitung von Fotos entwickelt. Dies macht es zur Software für Fotografen und alle, die sich intensiv mit Fotos beschäftigen. Die Entwickler von Photoshop hatten nie vor, dass die Software das Hauptprogramm für Webdesigner ist, obwohl sie zahlreiche Funktionen enthält, um Webdesignern zu helfen. Photoshop eignet sich perfekt für Designer, die mehr als nur Webdesign betreiben, da sie mit ihren plattform- und crossmedialen Funktionen vielseitig einsetzbar ist.
Photoshop hat auch einen guten Ruf. Es ist die beliebteste und angesehenste Grafikdesignsoftware. Es hat sich zu einem Marktstandard entwickelt, und viele Kunden erwarten, dass Designer es verwenden. Es kann einige Erklärungen erfordern, wenn Sie eine Fireworks-.png-Datei anstelle eines Photoshop-.psd-Dokuments übermitteln möchten.
Wenn es um Farbmanagement geht, können Sie kein besseres Programm als Photoshop erhalten. Adobe hat professionelle Farben zu einer Wissenschaft.
Natürlich ist keine Software perfekt und Photoshop macht da keine Ausnahme. Die Software ist umfangreich und beschwerlich und für jeden Computer schwer zu verwalten. Der Arbeitsspeicher der Software ist groß genug. Sobald Sie jedoch mit hochauflösenden Dateien arbeiten, können Sie auf Probleme stoßen. Photoshop-Abstürze sind legendär und erwarten lange Ladezeiten und gelegentliche Einfrierungen, es sei denn, Sie haben einen brillanten Computer, mit dem Sie arbeiten können.
Nicht nur das, die komplizierte Benutzeroberfläche und Funktionen sind erschreckend und einschüchternd. Die Software hat so viel zu bieten, aber für den durchschnittlichen Benutzer sind die meisten Funktionen unter Menüs und fremden Terminologie verankert. Photoshop ist ein schwer zu erlernendes Programm und es ist kostspielig und zeitaufwendig, einen Experten um Hilfe zu bitten.
Während Photoshop-Ebenen sehr praktisch sein können und der Traum einer organisierten Person sind, können sie manchmal frustrierend sein. Zumal Sie nicht einfach Dokumentelemente auswählen können. Die Navigation durch die Ebenen ist wesentlich. Dies kann zu einer lästigen Lernkurve und einem zeitaufwändigen Prozess führen, wenn Sie Ihre Ebenen nicht gut beschriften.
Macromedia Fireworks wurde speziell für Webdesigner entwickelt. Die Benutzeroberfläche ist einfach zu bedienen und zu navigieren. Während das Erlernen von Adobe Photoshop ein langwieriger und frustrierender Prozess sein kann, dauert das Aufnehmen von Fireworks kaum Zeit. Die Software ist intuitiver als Photoshop und flexibler einsetzbar.
Fireworks wurde erstellt, um die Dateigröße optimal zu nutzen, da Webseiten die größeren Grafiken, für die Photoshop entwickelt wurde, nicht verarbeiten können. Dies kann beim Ändern der Dateigröße und der Auflösungseigenschaften während des Designs Zeit sparen.
Fireworks kann Fotos zwar nie so gut bearbeiten wie Photoshop, verfügt jedoch über eigene Fotooptimierungsfunktionen. Diese funktionieren für viele Webdesigner gut.
Ein weiterer großer Unterschied zwischen den beiden Programmen besteht darin, dass ein Webdesigner mehr als eine Seite gleichzeitig erstellt. In Photoshop konzentrieren Sie sich normalerweise auf jeweils eine Seite. Mit Fireworks können Sie mehrere Seiten mit jeweils mehreren Ebenen gleichzeitig entwerfen. Für das Arbeiten mit mehreren Seiten ist auch nicht so viel Speicher erforderlich wie in Photoshop.
Designer mögen die Tatsache, dass Fireworks sowohl mit Fotos als auch mit Vektorbildern arbeiten kann. Dies ist wie die gleichzeitige Verwendung von Photoshop und Illustrator. Abgesehen von dem Preis für Fireworks ist es viel attraktiver als das von Photoshop.
Fireworks hat wie jedes andere Programm Abstürze und Fehler, aber Adobe hat angekündigt, diese Probleme mit zukünftigen Updates zu beheben, nachdem Macromedia nun übernommen wurde.
Ich hatte gehofft, du würdest fragen! In einer perfekten Welt wäre es sinnvoll, eine Site in Fireworks mit einem Rahmen zu versehen, zu erweiterten Details zu Photoshop zu wechseln und dann Fireworks zu verwenden, um die Site zu erstellen und für das Web zu exportieren. In der Praxis funktioniert dies jedoch nicht ganz. Viele Leute entscheiden sich für bestimmte Elemente (z. B. zum Speichern von Hintergrundbildern aus Fireworks, um die Dateigröße zu reduzieren), aber .PSD-Dateien lassen sich in Fireworks nicht einwandfrei öffnen. Ebenengruppen werden gemischt, Ebenenstile werden gelöscht, und es kommt zu Frustration. Ich kann die Verwendung von Fireworks von Fall zu Fall empfehlen (insbesondere für die Verwendung von PNG8 und für Web-Verbesserungen). Erwarten Sie jedoch nicht, dass das Dual-Programm-System zu einem zuverlässigen Bestandteil Ihres eigenen Workflows wird, bis Adobe dies kann lösen Sie diese programmübergreifenden Probleme.
Nachdem dies gesagt wurde, haben wir in unserem Leser-Umfrage-Post von mindestens ein paar Designern gehört, die beide Programme nebeneinander verwenden, so dass es wirklich auf Ihre eigenen Workflow-Einstellungen ankommt.
Wenn Sie bereits mit Photoshop oder Fireworks vertraut sind, empfiehlt es sich, dieses Programm weiterhin für Ihre Anforderungen zu verwenden.
In einer idealen Welt hätten Webdesigner die Zeit, das Geld und die Energie, um beide Softwareteile zu erlernen und sie für ihre Stärken zu nutzen und ihre Schwächen zu ignorieren. Selbst wenn Sie über das Geld verfügen, um in duale Programme zu investieren, haben Sie wahrscheinlich keine Zeit, sich mit der Funktionsweise der einzelnen Programme vertraut zu machen.
Wenn Sie bereits mit Photoshop oder Fireworks vertraut sind, empfiehlt es sich, dieses Programm weiterhin für Ihre Anforderungen zu verwenden. Wenn Sie ein Anfänger sind und versuchen zu entscheiden, mit welchem Sie am besten beginnen können, ist Fireworks einfacher zu verwenden und zu erlernen, aber Photoshop wird Ihnen dabei helfen, ein rundum besserer Designer zu werden, als wenn Sie sich auf Fireworks beschränken.
Persönliche Prioritäten, Ziele und Einschränkungen werden sicherlich Ihre endgültige Entscheidung beeinflussen. Mit viel Geduld und Ausfallzeiten wäre es sicherlich hilfreich, wenn Sie alle erstaunlichen Optionen in Photoshop beherrschen möchten. Wenn Sie schnell anfangen möchten und keine Zeit damit verschwenden möchten, sich mit dem Prozess vertraut zu machen, ist Fireworks die beste Wahl.
In der Welt des Webdesigns wird normalerweise eines der beiden Programme verwendet, und es wird Ihnen nichts vorgeworfen, wenn Sie sich für eines entscheiden. Es gibt viele kostenlose Online-Tutorials für diese beiden Programme sowie Schulungsbücher und -kurse.
In der Webdesignbranche finden Sie Designer, die auf Photoshop und andere, die auf Fireworks schwören, schwören. Hören Sie auf ihre Vor- und Nachteile, aber letztendlich liegt die Entscheidung bei Ihnen. Es gibt keinen überwältigenden Beweis dafür, dass ein Programm besser ist als ein anderes. Es funktioniert nur für verschiedene Benutzer und Talente.
Brandon Jones (der Site-Editor für Webdesigntuts +) schrieb die Einführung und den Abschnitt "Vergleichspunkte" dieses Artikels. Greg Bates trug dazu bei, indem er zusätzliche Hintergrundinformationen für jedes Programm schrieb und die Industrieforschung zur Verfügung stellte.
Greg Bates ist Sophmore bei CSULB und studiert derzeit Informationssysteme, nimmt aber auch Kurse für Web- und Grafikdesign. Er schreibt für das Online-Magazin StyleCeo, das sich mit Mode beschäftigt. Er erstellt auch Websites von Grund auf für verschiedene Online-Unternehmen und Unternehmen. In seiner Freizeit treibt er gerne Sport, ist mit seinem Mädchen zusammen oder macht nur freiberufliche Arbeit. Wenn Ihnen seine Arbeit gefällt und Sie möchten, dass er als Freelancer für Sie arbeitet, können Sie ihn unter http://twitter.com/TheAllureIs_ kontaktieren..
Wir werden im Laufe des nächsten Monats einige der weniger bekannten Funktionen von Fireworks hervorheben. Abonnieren Sie (oben auf der Website), um benachrichtigt zu werden, wenn die neuen Tutorials und Screencasts veröffentlicht werden!
Wir haben bereits fast 100 großartige Kommentare im Umfrage-Beitrag des Lesers erhalten. Wenn Sie jedoch Kommentare, Vorschläge oder Fragen haben, posten Sie sie auch hier! Das Tolle an einem Artikel wie diesem ist, dass er andere Webdesigner zusammenbringen kann, um ihre eigenen Erfahrungen und Workflows mitzuteilen. Wie verwenden Sie diese Programme??
Accentsconagua