Share
Idag tar vi en djupare titt på de viktigaste skillnaderna mellan Photoshop och Fireworks och vad de betyder för webbdesigners. Denna artikel är avsedd att vara en guide för alla som försöker förstå fördelarna och nackdelarna med varje applikation. Vårt mål: Att hjälpa designers att bättre förstå sina alternativ när det gäller att välja sin grafikapplikation efter eget val.
Vi lade upp en läsarens omröstning om det här ämnet, så var noga med att även skicka din egen omröstning på det här inlägget!
Låt oss börja detta genom att notera proffs och kon s av varje program. För de flesta designers är Fireworks den mindre kända, så vi börjar där:
Fyrverkerier är en grafikapplikation, precis som Photoshop ... men "målanvändaren" för programmet är mycket annorlunda. Den främsta anledningen till att människor väljer Fireworks är att det är byggt speciellt för webbdesigners. Den är lätt, rör sig snabbt (även på äldre datorer), och är lättare att lära sig än Photoshop om du är ny för att antingen programvara. Eftersom det är gjort för webbdesigners, är det mer sannolikt att de växer över tid för att bli mer lämpade för denna bransch. Det innebär också att om du bara börjar, kommer du inte att vara störd av något av det komplexa användargränssnittet eller den branta inlärningskurvan som du kan hitta i Photoshop.
Här är några specifika skäl att du kanske väljer Fireworks:
Med funktionen Master Page kan du ställa in konsekventa sidelement som du vill se på varje "sida". Funktionen Flersidiga sidor gör att du kan skapa så många barnsider inom samma mall. Detta är super kraftfullt eftersom det verkar väldigt lik det sätt en riktig webbplats fungerar. Faktum är att hanteringen av sidor och stater i en Fireworks-fil är avsedd att efterlikna beteendet hos en levande webbsida. Vissa element är fasta (t.ex. navigering, branding, bakgrunder, etc.), och vissa element ändras från en sida till nästa (innehålls-kolumner, foton, titlar etc.). Visst kan du åstadkomma detta i Photoshop också med hjälp av laggrupper eller flera PSD-filer, men organisationen och användargränssnittet som omger dessa funktioner i Fireworks är mer naturliga. Hantering av universella förändringar i fyrverkerier är snabbare på grund av det.
Åh, du kan också ta bort en sida från mästaren om du vill skapa anpassade designelement, vilket gör det tillräckligt flexibelt för att hantera även de mest komplexa webbplatser.
Intern länkning är precis vad det låter som - I Fireworks har du möjlighet att ange "hot spots" på din webbplats som länkar till de olika sidorna (nämnd ovan). Du kan även länka till externa webbadresser om du vill. Den ursprungliga tanken på detta var att tillåta designers att faktiskt utforma en webbplats i Fireworks och sedan "exportera" den som kod. Juryn är fortfarande ute om huruvida den exporterade koden är användbar, men den här funktionen är fantastisk om du bara vill exportera en fil som PDF för en klient eller art director att snabbt bläddra igenom. Detta gör det enkelt att göra snabba prototyper inom Fireworks utan att någonsin behöva skriva en kodlinje.
Stilar i fyrverkerier är mycket lik CSS på en webbsida. Varje element kan ha en fyllning, stroke, typsnitt och effekt och sedan spara den som en stil som sedan kan återanvändas och ändras på samma sätt som kaskad stilark fungerar. Redigera förälderstilen, och alla element som använder den stilen ändras. Detta är särskilt effektivt när det gäller flera instanser av textblock över en webbplats. Uppdatera en och du kommer att uppdatera dem alla. Återigen - det här är ett bra verktyg för tidsbesparing.
Photoshop erbjuder några mycket rudimentära vektorredigeringsverktyg, men Fireworks ger en hel del av den inbyggda funktionaliteten i Illustrator till sin egen användargränssnitt. Det bästa verktyget (för webbdesigners) är förmodligen "rundad rektangel"- som inkluderar kontrollpunkter för varje hörn - vilket gör det enkelt att snabbt göra ändringar i en rundad rektangel. Du kan göra ett hörn avrundat och de andra inte - du kan också ändra radie, något som Photoshop inte kan göra ännu.
Symboler, stilar och vektorformer förpackas i bibliotek som du kan återanvända i andra projekt. Det här är bra för designers som befinner sig om att återanvända gemensamma element och stilar. Det betyder också att du kan dela dina bibliotek med andra designers - vilket är särskilt användbart om du arbetar med stora designteam där varje designer behöver tillgång till samma bibliotek.
Photoshop låter dig gruppera element i laggrupper - men det är gjort manuellt och kan bli tråkigt över tiden. Gruppering i fyrverkerier görs mer naturligt: du väljer helt enkelt en handfull element och trycker sedan på "Grupp". Det betyder i allmänhet att dina filer ska organiseras lite bättre, och det sparar i allmänhet tiden i förhållande till Photoshops manuella gruppmetod.
Här är en annan instans där fyrverkerier enkelt förbättras på vad Photoshop har att erbjuda. I stället för en handfull gradientverktyg innehåller fyrverkerier ett brett utbud av sätt att tweak och hantera gradienter tills de exakt är det du letar efter.
Photoshop har några grundläggande verktyg för "Spara för webben", men Fireworks expanderar på dessa på ett sätt som tillgodoses hur webbdesigners faktiskt jobbar. Jämförelser vid sida vid sida visar lägre filstorlekar när du sparar från Fireworks, vilket är avgörande för bildhåriga webbplatser. PNG-8 (med transparens) stöds också, vilket Photoshop inte stöder än!
Om du har använt Photoshop i flera år, kommer Fireworks att känna sig främmande för dig ... men de flesta som inte har använt något program är överens om att Fireworks är mycket lättare att lära. Photoshop är utformat för fotografer och grafiska designers ... vilket innebär att många verktyg ingår som webbdesigners inte nödvändigtvis behöver. Den överbelastning av användargränssnitt som användes av Photoshop-användare minskar kraftigt i Fireworks, vilket gör det ganska enkelt att hämta för alla som är villiga att lägga in lite extra tid.
Vad får du när du tar bort all den extrafunktionalitet som Photoshop erbjuder? Mindre filstorlekar som flyttar en hel del snabbare. Fireworks-filer (.PNG-format) kan innehålla mycket mer komplexitet än .PSD-filer, men de fungerar bättre på de flesta datorer, vilket innebär mindre tid att vänta på att din CPU ska krossa grafik och mer tid spendera att designa.
Många av dessa andra funktioner betyder också att du faktiskt kan göra saker i Fireworks som du inte kan göra i Photoshop - som att snabbt prototypera en webbplats eller AIR-app, skapa interaktiva PDF-filer, flytta fram och tillbaka med Flash och snabbt skiva och tärning en webbplats till webb-färdiga filer.
"I en nyligen genomförd arbetsorganisation för digitala byråer (SODA) undersöker nästan 20% av byråerna FW-kompetens. Året innan var siffran så liten att den var försumbar." - Tom Green (från vår enkät)
Denna lista kommer att bli mindre eftersom vi redan har gått över de viktigaste jämförelsepunkterna - men här är några fler argument för att använda Photoshop istället för Fyrverkerier.
Låt oss möta det, Fireworks lider lite av "redheaded step child" syndromet. Endast i senaste versioner (CS4 och CS5) har fyrverkerier fått meningsfulla funktioner uppdateringar. Även om det här går bra för framtiden, skulle logiken argumentera för att Adobe är mycket mindre benägna att ge Fireworks mer uppmärksamhet än Photoshop, helt enkelt för att Photoshop säljer fler gånger varje år, för mer pengar. Photoshop är också ett äldre program; vilket innebär att det dra nytta av en längre historia av användaråterkoppling. Fyrverkerier växer fortfarande i spridning av varje ny version som kommer ut, men för att Photoshop är Adobes flaggskeppsprodukt i CS-serien, förväntar vi oss att det kommer att få större delen av de stora uppgraderingarna i framtiden.
Historiskt rapporterar Fireworks-användare fler kraschar och filproblem än Photoshop-användare (även om CS5 har ökat stabiliteten). Photoshop har en rättvis del av problem, men det är värt att överväga att du är lite mer sannolikt att köra i huvudvärk när du bara arbetar med Fireworks.
Även om det finns en växande efterfrågan på människor som vet hur man använder fyrverkerier är efterfrågan på webbdesigners som arbetar med Photoshop universell. Nästan alla större webbprojekt använder Photoshop i åtminstone en del kapacitet, och med minst en mellanliggande kunskap om PS kommer det att bli ett jobbkrav för de flesta webbdesignspositioner där ett lag är inblandat. Medan dina freelanceklienter kanske inte bryr sig om vilket program du jobbar med finns det en mycket bättre chans att kunna utbyta Photoshop-filer med dina kamrater än Fireworks-filer.
Kanske är det starkaste argumentet för att använda Photoshop att du redan har lärt det och det är en bekväm del av ditt arbetsflöde. Som vi såg på vår diskussion vid läsarens omröstning har de allra flesta människor som började med Photoshop stannat med Photoshop. Varför? Eftersom det fungerar! Och som det gamla ordspråket säger, "Om det inte är sönder, fixa det inte". Att lära sig ett nytt program tar tid och pengar - och om du inte har någon anledning att börja använda Fireworks, finns det verkligen ingen anledning att göra omkopplaren just nu.
Låt oss möta det, medan det finns många tutorials där ute för Fireworks, Photoshop-handledning och resurser överträffar Fireworks-baserat innehåll på webben med minst 10 till 1. Vad betyder detta för dig? Din sannolikhet att hitta fantastiska pedagogiska tuttar (som på PSDTuts!) Är mycket större dina chanser att hitta samma innehåll för Fireworks. För många är detta tillräckligt för att balansera det faktum att Photoshop är svårare att lära.
En formgivare som använder Fireworks brukar fortfarande använda Photoshop för att skapa avancerad grafik ... men de flesta Photoshop-användare stör inte någonsin för att öppna Fireworks. Varför? Eftersom de inte behöver. All kärnfunktionalitet finns precis i Photoshop. Medan fyrverkerier kan ha några funktioner som har blivit "förbättrade" saknar Photoshop-användare dem eftersom de inte ens visste att de fanns;)
I början av internet var webdesigners tvungna att använda vilka program de hade praktiskt att skapa sina webbplatser. De tidigaste webbplatserna började som enkla saker och krävde inte mycket när det gäller grafisk skicklighet. Dessa webbdesigners of Yore helt enkelt förfallen med oavsett grafisk design programvara som de hade använt eller utbildat i.
Nu är dock webbdesign en viktig del av att äga nästan alla affärer. Faktum är att nästan alla idag vet något om att utforma en webbsida. Det finns gratis online webbsidor, programvara för att göra webbdesign enkelt, och då finns det de allvarligare program som skapats för professionella webbdesigners.
När tekniken går vidare har fler produkter släppts och beslutet om vilket program som ska hämtas har blivit svårt. För dem som länge har varit i webbdesign, har ny programvara lite överklagande över den försökta, testade och sanna programvaran som du har utbildats på. Men vilken riktning ska en ny webbdesigner gå med? Gaffeln på vägen kan vara förvirrande och överväldigande utan en karta att följa.
Adobe Photoshop har alltid varit en hörnsten i grafisk designgemenskap vilket gör det till ett naturligt val för övergången från tryck till webbdesign. Adobe Photoshop och Illustrator är de program som används för att utbilda nya grafiska designers. En fast grund är att dessa två vanligtvis krävs innan en skola låter en elev övergå till annan multimedieprogramvara.
När du frågar webbdesigners vilken programvara de ofta använder de vanliga svaren är Photoshop, Fireworks och Dreamweaver. Det finns inget program mer populärt än en annan eftersom det finns olika orsaker som en designers lär sig vilken mjukvara över en annan. Många sägs om hur Adobe Photoshop och Macromedia Fireworks är desamma för webbdesigners, men den här övergripande översikten ger ingen mjukvara rättvisa den förtjänar.
Nu när Adobe har förvärvat Macromedia kan det antas att Fireworks fortsätter att likna Photoshop ännu mer med tid och framtida uppdateringar. Men de kommer aldrig att vara desamma och förstå deras grundläggande skillnader hjälper dig att fatta ett beslut.
Det finns andra alternativ för webbdesignprogram (som Pixelmator för Mac, ULead, Xara, Stone och andra), men dessa två är de stora spelarna och de mest debatterade.
Först och främst var Photoshop utformat för att redigera foton. Detta gör det till programvara för fotografer och alla som arbetar i stor utsträckning med fotografier. Designerna av Photoshop var aldrig avsett att programvaran skulle vara huvudprogrammet för webbdesigners, även om det innehåller många funktioner för att hjälpa webbdesigners. Photoshop är perfekt för designers som gör mer än bara webbdesign eftersom cross-platform / crossmedia-kapaciteten gör det ganska mångsidigt.
Photoshop har ett rykte också. Det är det mest populära och respekterade grafiska designprogrammet tillgängligt. Det har blivit en marknadsstandard och många kunder förväntar sig att designers använder det. Det kan ta lite förklaring om du vill skicka in en Fireworks .png-fil istället för ett Photoshop .psd-dokument.
När det gäller färghantering kan du inte få ett bättre program än Photoshop. Adobe har professionella färger ner till en vetenskap.
Naturligtvis är ingen programvara perfekt och Photoshop är inget undantag. Programvaran är stor och tung och svår för vilken dator som helst. Minnet som är inblandat i att köra mjukvaran är tillräckligt stor, men när du börjar arbeta med högupplösta filer kan du stöta på problem. Photoshop kraschar är legendariska och förväntar sig långa laddningstider och tillfälligt fryser, om du inte har en strålande dator att arbeta med.
Inte bara det, det komplicerade användargränssnittet och funktionerna är skrämmande och skrämmande. Programvaran gör så mycket, men för den genomsnittliga användaren är de flesta av sina möjligheter begravda under menyer och utländsk terminologi. Photoshop är ett svårt program att lära sig på egen hand, och kostsamt och tidskrävande att gå till en expert för hjälp.
Medan Photoshop-skikten kan vara mycket praktiska och en organisations persons dröm, ibland kan de vara frustrerande. Speciellt eftersom du inte bara kan klicka för att välja dokumentelement. Navigering genom lagren är avgörande. Detta kan göra en irriterande inlärningskurva och en tidskrävande process om du inte märker dina lager bra.
Macromedia Fireworks var designad speciellt för webbdesigners. Användargränssnittet är lätt att använda och navigera. Medan du lär dig Adobe Photoshop kan vara en lång och frustrerande process, tar det nästan ingen tid innan du tar upp Fireworks. Programvaran är mer intuitiv än Photoshop, och mer flexibel att använda.
Fyrverkerier skapades för att få ut det mesta av filstorleken eftersom webbsidor inte kan hantera den större grafiken som Photoshop byggdes för. Detta kan spara tid när du ändrar filstorlek och upplösningsegenskaper under design.
Medan fyrverkerier aldrig kommer att bli lika bra när du redigerar foton som Photoshop, har det egna möjligheter till fotooptimering. Dessa fungerar bra för många en webbdesigner.
En annan stor skillnad i de två programmen är att en webbdesigner skapar mer än en sida i taget. I Photoshop fokuserar du vanligtvis på en sida i taget. Med fyrverkerier kan du designa flera sidor samtidigt, var och en med flera lager. Det tar inte så mycket minne att arbeta flera sidor som det skulle i Photoshop heller.
Designers som att Fireworks kan arbeta med både bilder och vektorbilder. Det här är som att använda Photoshop och Illustrator samtidigt. Förutom prislappen på Fireworks är det mycket mer tilltalande än Photoshop.
Fyrverkerier har sin andel av kraschar och buggar som alla andra program, men Adobe har sagt att den planerar att ta itu med dessa problem med framtida uppdateringar nu när den har tagit över Macromedia.
Jag hoppades du skulle fråga! I en perfekt värld skulle det vara bra att wireframe en webbplats i Fireworks, flytta till Photoshop för avancerad detaljering och använd sedan Fireworks för att komponera webbplatsen och exportera den till webben ... men i praktiken fungerar det inte riktigt. Massor av människor väljer att göra detta för specifika element (som att spara bakgrundsbilder från Fireworks för att minska filstorleken), men för ofta .PSD-filer öppnas inte helt i Fireworks. Laggrupper blir blandade, lagstilar raderas och frustration följer. Jag kan rekommendera att använda Fireworks från fall till fall (speciellt för att använda PNG8 och spara för webben), men förvänta dig inte att det dubbla programsystemet blir en tillförlitlig del av ditt eget arbetsflöde tills Adobe kan lösa dessa tvärprogramproblem.
Med det sagt har vi hört från åtminstone ett par designers i vår läsarens pollspost som använder båda programmen sida om sida, så det kommer verkligen ner till dina egna arbetsflödespreferenser.
Om du redan är välutbildad i antingen Photoshop eller Fireworks, är det troligtvis bäst att fortsätta använda det programmet för dina behov.
I en idealisk värld skulle webbdesigners ha tid, pengar och energi för att lära sig båda programvarorna och använda dem för sina styrkor och bortse från deras svagheter. Självklart, även om du har pengarna att investera i dubbla program - har du förmodligen inte tid att spendera att bli bekant med hur var och en arbetar.
Om du redan är välutbildad i antingen Photoshop eller Fireworks, är det troligtvis bäst att fortsätta använda det programmet för dina behov. Om du är nybörjare och försöker bestämma vilken som är bäst att börja med är Fireworks lättare att använda och lär dig men Photoshop hjälper dig att bli en bättre runt designer än om du begränsar dig till bara Fireworks.
Personliga prioriteringar, mål och begränsningar kommer säkert att medverka i ditt slutliga beslut. Att ha mycket tålamod och stillestånd skulle säkert hjälpa till om du vill behärska alla fantastiska alternativ som Photoshop har att erbjuda. Om du vill komma igång snabbt och inte vill slösa tid på att bli bekant med processen, är fyrverkerier din bästa satsning.
I webbdesignvärlden används antingen ett program och du kommer inte att bli klandad för att välja en över en annan. Det finns gott om gratis handledning tillgängliga online för båda dessa program samt utbildning av böcker och klasser.
I webbdesignindustrin hittar du designers som svär av Photoshop och andra som svär vid Fireworks. Lyssna på deras fördelar och nackdelar, men i sista hand är beslutet upp till dig. Det finns inga överväldigande bevis för att ett program är bättre än en annan, fungerar bara olika för olika användare och talanger.
Brandon Jones (platsredaktör för Webdesigntuts +) skrev avsnittet introduktions- och jämförelsepunkter i den här artikeln. Greg Bates bidrog med att skriva ytterligare bakgrundsinformation för varje program samt tillhandahålla branschforskningen.
Greg Bates är en Sophmore på CSULB och är för närvarande inriktad i informationssystem men tar också klasser på sidan för webb- och grafisk design. Han är en författare till en online-tidning StyleCeo som handlar om mode. Han bygger också webbplatser från början för olika online-företag och företag. På fritiden njuter han av sport, är med sin tjej eller bara gör frilansarbete. Om du gillar hans arbete och du vill att han ska arbeta som frilansare för dig, kan du kontakta honom på http://twitter.com/TheAllureIs_.
Vi kommer att markera några av de mindre kända funktionerna i Fireworks under nästa månad, så prenumerera (högst upp på webbplatsen) för att få meddelande om när de nya handledningarna och skärmdumparna publiceras!
Vi har redan haft nästan 100 bra kommentarer på läsarens omröstningsinlägg, men om du har några kommentarer, förslag eller frågor, skriv dem också här! Den stora delen om en artikel som denna är att den kan samla andra webbdesigners för att dela egna erfarenheter och arbetsflöden ... så hur använder du dessa program?
Accentsconagua