Share
Oggi daremo un'occhiata più approfondita alle differenze chiave tra Photoshop e Fireworks e cosa significano per i web designer. Questo articolo intende essere una guida per chiunque cerchi di comprendere i vantaggi e gli svantaggi di ciascuna applicazione. Il nostro obiettivo: aiutare i designer a capire meglio le loro opzioni quando si tratta di scegliere la loro applicazione grafica preferita.
Abbiamo pubblicato un sondaggio di lettori su questo argomento, quindi assicurati di esprimere il tuo voto anche su quel post!
Iniziamo a farlo elencando i pro ei contro di ciascun programma. Per la maggior parte dei progettisti, Fireworks è il meno noto, quindi inizieremo qui:
Fireworks è un'applicazione grafica, proprio come Photoshop ... ma il "target user" del programma è molto diverso. Il motivo principale per cui le persone scelgono Fireworks è perché è stato creato appositamente per i web designer. È leggero, si muove velocemente (anche su computer più datati) ed è più facile da imparare rispetto a Photoshop se sei nuovo in entrambi i programmi. Perché è fatto per i web designer, è più probabile che cresca nel tempo per diventare più adatto a questo settore. Significa anche che se sei appena agli inizi, non ti preoccuperai delle interfacce complesse o della curva di apprendimento ripida che potresti trovare in Photoshop.
Ecco alcuni motivi specifici per cui potresti scegliere Fireworks:
La funzione Pagina principale consente di impostare elementi del sito coerenti che si desidera visualizzare su ogni "pagina". La funzione Pagine multiple consente di creare il maggior numero di pagine figlio all'interno dello stesso modello. Questo è super potente perché agisce in modo molto simile a come funziona un vero sito web. In effetti, la gestione di pagine e stati in un file di Fireworks ha lo scopo di imitare il comportamento di una pagina Web in diretta. Alcuni elementi sono fissi (come la navigazione, il branding, gli sfondi, ecc.) E alcuni elementi cambiano da una pagina all'altra (colonne di contenuti, foto, titoli, ecc.). Certo, puoi farlo anche in Photoshop usando Gruppi di livelli o più file PSD, ma l'organizzazione e l'interfaccia utente che circondano queste funzionalità in Fireworks sono più naturali. La gestione delle modifiche universali in Fireworks è più veloce a causa di ciò.
Oh, puoi anche scollegare una pagina dal Master se vuoi creare elementi di design personalizzati, il che lo rende abbastanza flessibile da gestire anche i siti Web più complessi.
Il collegamento interno è proprio come sembra - In Fireworks, hai la possibilità di specificare "punti caldi" all'interno del tuo sito che si collegano alle varie pagine (menzionate sopra). Puoi anche collegarti a URL esterni, se lo desideri. L'idea originale per questo era permettere ai designer di progettare effettivamente un sito in Fireworks e quindi "esportarlo" come codice. La giuria è ancora fuori se il codice esportato è utile, ma questa funzione è fantastica se si desidera esportare un file come PDF per un client o art director per sfogliare rapidamente. Ciò semplifica la prototipazione rapida all'interno di Fireworks senza dover mai scrivere una riga di codice.
Gli stili in Fireworks sono molto simili ai CSS su una pagina web. Ogni elemento può avere un riempimento, un tratto, un font e un effetto e quindi averlo salvato come Stile che può essere riutilizzato e modificato nello stesso modo in cui funzionano i fogli di stile a cascata. Modifica lo "stile" genitore e tutti gli elementi che stanno usando quello stile sono cambiati. Ciò è particolarmente efficace quando si gestiscono più istanze di blocchi di testo in un sito. Aggiorna uno e li aggiornerai tutti. Ancora una volta - questo è un ottimo strumento per risparmiare tempo.
Photoshop offre alcuni strumenti di editing vettoriale molto rudimentali, ma Fireworks offre molte delle funzionalità native di Illustrator nella propria interfaccia utente. Lo strumento migliore (per i web designer) è probabilmente il "rettangolo arrotondato"- che include i punti di controllo per ogni angolo - facilita la modifica rapida di un rettangolo arrotondato: puoi arrotondare un angolo e gli altri no - puoi anche cambiare il raggio, cosa che Photoshop non può ancora fare.
Simboli, stili e forme vettoriali sono racchiusi in librerie che è possibile riutilizzare in altri progetti. Questo è ottimo per i progettisti che si ritrovano a riutilizzare elementi e stili comuni. Significa anche che è possibile condividere le proprie librerie con altri designer, il che è particolarmente utile se si lavora con team di progettazione di grandi dimensioni in cui ogni progettista ha bisogno di accedere alle stesse librerie.
Photoshop ti consente di raggruppare elementi in gruppi di livelli, ma è fatto manualmente e può diventare noioso nel tempo. Il raggruppamento in Fireworks viene eseguito in modo più naturale: è sufficiente selezionare una manciata di elementi e quindi premere "Gruppo". Questo generalmente significa che i tuoi file saranno organizzati un po 'meglio, e nel complesso si risparmia tempo rispetto al metodo di raggruppamento manuale di Photoshop.
Ecco un'altra istanza in cui Fireworks semplicemente migliora su ciò che Photoshop ha da offrire. Invece di una manciata di strumenti a gradiente, Fireworks include una vasta gamma di modi per modificare e gestire i gradienti finché non sono esattamente ciò che stai cercando.
Photoshop ha alcuni strumenti di base "Salva per Web", ma Fireworks li espande in un modo che si adatta a come i web designer effettivamente funzionano. Confronti affiancati rivelano file di dimensioni inferiori durante il salvataggio da Fireworks, che è cruciale per i siti Web di immagini pesanti; Anche PNG-8 (con trasparenza) è completamente supportato, che Photoshop non supporta ancora!
Se usi Photoshop da anni, Fireworks ti sembrerà estraneo ... ma la maggior parte delle persone che non hanno utilizzato nessuno dei due programmi concordano sul fatto che Fireworks è molto più facile da imparare. Photoshop è progettato per fotografi e grafici ... il che significa che sono inclusi molti strumenti di cui i progettisti web non hanno necessariamente bisogno. Il sovraccarico dell'interfaccia utente a cui sono abituati gli utenti di Photoshop è notevolmente ridotto in Fireworks, il che rende molto semplice la raccolta per chiunque sia disposto a dedicare un po 'di tempo in più.
Cosa ottieni quando rimuovi tutte le funzionalità extra offerte da Photoshop? Dimensioni di file più piccole che si muovono molto più velocemente. I file di Fireworks (in formato .PNG) possono contenere molta più complessità dei file .PSD, ma hanno un rendimento migliore sulla maggior parte dei computer, il che significa meno tempo in attesa che la CPU sviluppi la grafica e più tempo dedicato alla progettazione.
Molte di queste altre funzionalità significano anche che in Fireworks puoi effettivamente fare cose che non puoi fare in Photoshop - come la prototipazione rapida di un sito Web o di un'app AIR, la creazione di PDF interattivi, il passaggio avanti e indietro con Flash e rapidamente la divisione e il lancio un sito in file pronti per il web.
"In una recente indagine sulle competenze professionali della Società delle Agenzie Digitali (SODA), quasi il 20% delle agenzie è alla ricerca di competenze FW. L'anno prima il numero era così basso da risultare trascurabile". - Tom Green (dal nostro sondaggio)
Questa lista sarà più piccola perché abbiamo già esaminato i principali punti di confronto, ma qui ci sono alcuni altri argomenti per usare Photoshop invece di Fireworks.
Ammettiamolo, Fireworks soffre un po 'della sindrome del "ragazzino dai capelli rossi". Solo nelle versioni recenti (CS4 e CS5) Fireworks ha ricevuto aggiornamenti di funzionalità significativi. Mentre questo fa ben sperare per il futuro, la logica sosterrebbe che Adobe ha meno probabilità di dare a Fireworks più attenzione di Photoshop semplicemente perché Photoshop vende più volte ogni anno, per più soldi. Photoshop è anche un vecchio programma; il che significa che beneficia di una storia più lunga di feedback degli utenti. Fireworks sta ancora crescendo a passi da gigante ogni nuova versione che viene fuori, ma poiché Photoshop è il prodotto di punta di Adobe nella suite CS, si aspetta che riceverà la maggior parte dei principali aggiornamenti in futuro.
Storicamente, gli utenti di Fireworks riportano più arresti anomali e problemi di file rispetto agli utenti di Photoshop (sebbene CS5 abbia portato molta più stabilità). Photoshop ha una buona dose di problemi, ma vale la pena considerare che è più probabile che si verifichino mal di testa quando si ha a che fare con Fireworks in esclusiva.
Mentre c'è una crescente domanda di persone che sanno usare Fireworks, la domanda di web designer che lavorano con Photoshop è universale. Quasi tutti i principali progetti Web utilizzano Photoshop almeno in una certa capacità e avere almeno una conoscenza intermedia di PS sarà un requisito per la maggior parte delle posizioni di progettazione Web in cui è coinvolta una squadra. Mentre i tuoi clienti freelance potrebbero non interessarti a quale programma lavori, ci sono molte più possibilità di essere in grado di scambiare file Photoshop con i tuoi colleghi rispetto ai file di Fireworks.
Forse l'argomento più forte a favore dell'utilizzo di Photoshop è che lo hai già imparato ed è una parte comoda del tuo flusso di lavoro. Come abbiamo visto nella nostra discussione al sondaggio del lettore, la stragrande maggioranza delle persone che hanno iniziato con Photoshop sono rimaste con Photoshop. Perché? Perché funziona! E come dice il vecchio proverbio, "Se non è rotto, non aggiustarlo". L'apprendimento di un nuovo programma richiede tempo e denaro - e se non si ha una ragione pressante per iniziare a utilizzare Fireworks, non c'è davvero alcun motivo per fare l'interruttore in questo momento.
Ammettiamolo, mentre ci sono un sacco di tutorial in giro per Fireworks, le esercitazioni e le risorse di Photoshop superano il contenuto basato su Fireworks sul web di almeno 10-a-1. Che cosa significa questo per te? La tua probabilità di trovare fantastici tutorial educativi (come su PSDTuts!) È molto più ampia delle tue possibilità di trovare lo stesso contenuto per Fireworks. Per molti, questo è sufficiente per bilanciare il fatto che Photoshop è più difficile da imparare.
Un designer che usa Fireworks di solito deve ancora usare Photoshop per creare qualsiasi grafica avanzata ... ma la maggior parte degli utenti di Photoshop non si preoccupa di aprire Fireworks. Perché? Perché non ne hanno bisogno. Tutte le funzionalità di base sono disponibili in Photoshop. Mentre Fireworks potrebbe avere un paio di caratteristiche che sono state "migliorate", gli utenti di Photoshop non le mancano perché non hanno nemmeno mai saputo di esistere;)
All'alba di Internet, i web designer sono stati costretti a utilizzare tutti i programmi a loro disposizione per creare i loro siti web. I primi siti Web iniziarono come cose semplici e non richiedevano molto in termini di abilità grafica. Questi web designer di un tempo si limitavano a realizzare con qualsiasi software di progettazione grafica utilizzato o addestrato.
Ora, tuttavia, il web design è una parte essenziale del possesso di praticamente qualsiasi attività commerciale. In effetti, quasi tutti in questi giorni lo sanno qualcosa sulla progettazione di una pagina web. Esistono programmi di pagine Web online gratuiti, software progettato per semplificare il web design, e poi ci sono i programmi più seri creati per i web designer professionisti.
Con l'avanzare della tecnologia, sono stati rilasciati più prodotti e la decisione di quale programma scegliere è diventata difficile. Per coloro che sono stati nel web design per molto tempo, però, il nuovo software non ha molto appeal sul software provato, testato e vero su cui sei stato addestrato. Ma quale direzione dovrebbe seguire un nuovo web designer? La biforcazione può essere confusa e travolgente senza una mappa da seguire.
Adobe Photoshop è sempre stato una pietra miliare della comunità del design grafico, rendendolo una scelta naturale per il passaggio dalla stampa al web design. Adobe Photoshop e Illustrator sono i programmi utilizzati per formare nuovi grafici. Una base solida è che questi due sono solitamente necessari prima che una scuola consenta a uno studente di passare ad altri software multimediali.
Quando chiedi ai web designer che software usano spesso le risposte comuni sono Photoshop, Fireworks e Dreamweaver. Non esiste un programma più popolare di un altro poiché ci sono varie ragioni per cui i progettisti apprendono quale software piuttosto che un altro. Si parla molto di come Adobe Photoshop e Macromedia Fireworks siano gli stessi per i web designer, ma questa ampia panoramica non offre né al software la giustizia che merita.
Ora che Adobe ha acquisito Macromedia, si può presumere che Fireworks continuerà ad assomigliare ancora a Photoshop con gli aggiornamenti del tempo e futuri. Tuttavia, non saranno mai uguali e comprendere le loro differenze fondamentali ti aiuterà a prendere una decisione.
Ci sono altre opzioni di software di web design (come Pixelmator per Mac, ULead, Xara, Stone e altri), ma questi due sono i giocatori più importanti e il più discusso.
Innanzi tutto, Photoshop è stato progettato per la modifica delle foto. Questo rende possibile il software per i fotografi e chiunque lavori con le fotografie. I progettisti di Photoshop non hanno mai inteso che il software fosse il programma principale per i web designer, sebbene includesse molte funzionalità per aiutare i web designer. Photoshop è perfetto per i progettisti che non si limitano al solo web design poiché le sue capacità cross-platform / cross-media lo rendono piuttosto versatile.
Anche Photoshop ha una reputazione. È il software di progettazione grafica più popolare e rispettato disponibile. È diventato uno standard di mercato e molti clienti si aspettano che i progettisti lo usino. Potrebbe essere necessario chiarire se si desidera inviare un file .png di Fireworks anziché un documento .psd di Photoshop.
Quando si tratta di gestione del colore, non è possibile ottenere un programma migliore di Photoshop. Adobe ha colori professionali fino a una scienza.
Naturalmente, nessun software è perfetto e Photoshop non fa eccezione. Il software è grande, oneroso e difficile da gestire per qualsiasi computer. La memoria coinvolta nell'esecuzione del software è abbastanza grande, ma una volta che si inizia a lavorare con file ad alta risoluzione è possibile incorrere in problemi. I crash di Photoshop sono leggendari e si aspettano tempi di caricamento lunghi e blocchi occasionali, a meno che non si abbia un computer brillante con cui lavorare.
Non solo, la complicata interfaccia utente e le funzionalità sono scoraggianti e intimidatorie. Il software fa così tanto, ma per l'utente medio la maggior parte delle sue funzionalità sono sepolte sotto menu e terminologia estera. Photoshop è un programma difficile da apprendere da soli, e richiede tempo e denaro per rivolgersi a un esperto per chiedere aiuto.
Mentre i livelli di Photoshop possono essere molto utili e sono il sogno di una persona organizzata, a volte possono essere frustranti. Soprattutto perché non puoi semplicemente fare clic per selezionare gli elementi del documento. La navigazione attraverso gli strati è essenziale. Ciò può comportare una fastidiosa curva di apprendimento e un processo che richiede molto tempo se non si etichettano bene i livelli.
Macromedia Fireworks è stato progettato appositamente per i web designer. L'interfaccia utente è facile da usare e da navigare. Mentre l'apprendimento di Adobe Photoshop può essere un processo lungo e frustrante, prendere Fireworks richiede pochissimo tempo. Il software è più intuitivo di Photoshop e più flessibile da usare.
Fireworks è stato creato per ottenere il massimo dalle dimensioni del file, poiché le pagine Web non sono in grado di gestire la grafica più grande per cui è stato creato Photoshop. Ciò può far risparmiare tempo nella modifica delle dimensioni del file e delle proprietà di risoluzione durante la progettazione.
Sebbene Fireworks non sia mai in grado di modificare le foto come Photoshop, ha le proprie capacità di ottimizzazione delle foto. Questi funzionano bene per molti un web designer.
Un'altra grande differenza nei due programmi è che un web designer sta creando più di una pagina alla volta. In Photoshop generalmente ti concentri su una pagina alla volta. Con Fireworks, puoi progettare più pagine contemporaneamente, ciascuna con più livelli. Non ci vuole più memoria per lavorare su più pagine come in Photoshop.
Ai progettisti piace il fatto che Fireworks sia in grado di lavorare sia con foto che con immagini vettoriali. Questo è come usare Photoshop e Illustrator allo stesso tempo. Inoltre il cartellino del prezzo di Fireworks è molto più attraente di quello di Photoshop.
Fireworks ha la sua parte di crash e bug come qualsiasi altro programma, ma Adobe ha dichiarato che intende risolvere questi problemi con aggiornamenti futuri ora che ha ripreso Macromedia.
Speravo che mi avresti chiesto! In un mondo perfetto, avrebbe senso wireframe di un sito in Fireworks, passaggio a Photoshop per dettagli avanzati, quindi uso di Fireworks per comporre il sito ed esportarlo per il Web ... in pratica però, non funziona. Un sacco di persone scelgono di farlo per elementi specifici (come il salvataggio di immagini di sfondo da Fireworks per ridurre le dimensioni del file), ma troppo spesso i file .PSD non si aprono perfettamente in Fireworks. I gruppi di livelli vengono mescolati, gli stili di livello vengono cancellati e ne deriva la frustrazione. Posso consigliare l'utilizzo di Fireworks caso per caso (esp per utilizzare PNG8 e miglioramenti di save-for-web), ma non aspettatevi che il sistema a doppio programma diventi una parte affidabile del vostro flusso di lavoro finché Adobe non può risolvere questi problemi tra programmi diversi.
Detto ciò, abbiamo sentito da almeno un paio di designer nel nostro sondaggio dei lettori che utilizzano entrambi i programmi affiancati, quindi si tratta davvero delle tue preferenze sul flusso di lavoro.
Se sei già ben addestrato in Photoshop o Fireworks, probabilmente è meglio continuare a utilizzare quel programma per le tue esigenze.
In un mondo ideale, i web designer avrebbero il tempo, i soldi e l'energia per imparare entrambi i software e usarli per i loro punti di forza e ignorare le loro debolezze. Ovviamente, anche se hai i soldi per investire in programmi duali, probabilmente non hai il tempo di spendere familiarizzando con il modo in cui ognuno di loro lavora.
Se sei già ben addestrato in Photoshop o Fireworks, probabilmente è meglio continuare a utilizzare quel programma per le tue esigenze. Se sei un principiante e stai cercando di decidere quale è il migliore per cominciare, Fireworks è più facile da usare e da imparare, ma Photoshop ti aiuterà a diventare un designer migliore in tutto che se ti limiti a solo Fireworks.
Priorità, obiettivi e limiti personali incideranno sicuramente sulla tua decisione finale. Avere un sacco di pazienza e tempi di inattività sarebbe sicuramente di grande aiuto se si desidera padroneggiare tutte le incredibili opzioni che Photoshop ha da offrire. Se si desidera iniziare rapidamente e non si vuole perdere tempo a familiarizzare con il processo, quindi Fireworks è la soluzione migliore.
Nel mondo del web design, uno dei due programmi è comunemente usato e non vi sarà da eccepire per averne uno rispetto all'altro. Ci sono un sacco di tutorial gratuiti disponibili online per entrambi questi programmi, nonché libri e corsi di formazione.
Nel settore del web design, troverai designer che giurano su Photoshop e altri che giurano su Fireworks. Ascolta i loro pro e contro, ma alla fine la decisione spetta a te. Non vi è alcuna prova schiacciante che un programma sia migliore di un altro, ma funziona in modo diverso per vari utenti e talenti.
Brandon Jones (l'editor del sito per Webdesigntuts +) ha scritto l'introduzione e la sezione "Punti di confronto" di questo articolo. Greg Bates ha contribuito scrivendo le informazioni di base aggiuntive per ciascun programma oltre a fornire la ricerca del settore.
Greg Bates è un Sophmore presso CSULB e attualmente si sta specializzando in sistemi informativi, ma prende anche lezioni sul lato per web e graphic design. È uno scrittore per una rivista online StyleCeo che si occupa di moda. Realizza anche siti Web da zero per diverse aziende e aziende online. Nel tempo libero, si diverte a fare sport, stare con la sua ragazza, o semplicemente fare un lavoro freelance. Se ti piace il suo lavoro e vorresti che lui lavori come libero professionista per te, puoi contattarlo su http://twitter.com/TheAllureIs_.
Il prossimo mese metteremo in evidenza alcune delle funzionalità meno conosciute di Fireworks, quindi iscriviti (nella parte superiore del sito) per ricevere una notifica quando verranno pubblicati i nuovi tutorial e screencast!
Abbiamo già ricevuto quasi 100 fantastici commenti nel post del sondaggio dei lettori, ma se hai commenti, suggerimenti o domande, pubblicali anche qui! La parte migliore di un articolo come questo è che può riunire altri web designer per condividere le proprie esperienze e flussi di lavoro ... quindi come si usano questi programmi?
Accentsconagua