Share
Astăzi, vom examina mai profund diferențele cheie dintre Photoshop și Fireworks și ce înseamnă pentru designerii web. Acest articol este destinat să fie un ghid pentru oricine încearcă să înțeleagă beneficiile și dezavantajele fiecărei aplicații. Obiectivul nostru este acela de a ajuta designerii să înțeleagă mai bine opțiunile lor atunci când vine vorba de alegerea aplicației lor grafice.
Am postat un Sondaj al cititorului pe această temă, așa că asigurați-vă că ați votat și dvs. despre acest post!
Să începem acest lucru prin listarea pe pro și con de fiecare program. Pentru majoritatea designerilor, Fireworks este mai puțin cunoscut, așa că vom începe acolo:
Fireworks este o aplicație grafică, la fel ca Photoshop ... dar "utilizatorul țintă" al programului este mult diferit. Principalul motiv pentru care oamenii aleg focurile de artificii este că este construit special pentru designerii web. Este ușor, se mișcă repede (chiar și pe computerele mai vechi) și este mai ușor de învățat decât Photoshop dacă sunteți nou în oricare dintre aceste programe. Pentru că este făcut pentru designeri web, este mai probabil să crească în timp, pentru a deveni mai potrivite pentru această industrie. De asemenea, înseamnă că, dacă începeți doar, nu veți fi deranjat de niciunul dintre complexul UI sau de curba de învățare abruptă pe care ați putea-o găsi în Photoshop.
Iată câteva motive specifice pe care le puteți alege:
Funcția Pagina principală vă permite să setați elemente de site consistente pe care doriți să le afișați pe fiecare "pagină". Funcția Pagini multiple vă permite să creați cât mai multe pagini copil în același șablon. Acest lucru este foarte puternic deoarece acționează foarte asemănător cu modul în care funcționează un site web real. De fapt, manipularea paginilor și a statelor într-un fișier Fireworks are scopul de a imita comportamentul unei pagini web live. Unele elemente sunt fixe (cum ar fi navigația, brandingul, fundalul etc.), iar unele elemente se schimbă de la o pagină la alta (coloane de conținut, fotografii, titluri etc.). Sigur, puteți realiza acest lucru și în Photoshop folosind Grupuri de straturi sau mai multe fișiere PSD, dar organizația și interfața cu utilizatorul care le înconjoară în Fireworks este mai naturală. Manipularea schimbărilor universale în focuri de artificii este mai rapidă din cauza acesteia.
De asemenea, puteți detașa o pagină de Master dacă doriți să creați elemente de design personalizate, ceea ce îl face suficient de flexibil pentru a face față chiar și celor mai complexe site-uri web.
Legarea internă este exact ceea ce pare - În Fireworks, aveți abilitatea de a specifica "puncte fierbinți" în site-ul dvs. care se leagă de diferitele pagini (menționate mai sus). Puteți chiar să vă conectați la adrese URL externe, dacă doriți. Ideea originală pentru acest lucru a fost să permită proiectanților să proiecteze un site în Fireworks și apoi să-l "exporte" ca cod. Juriul se află în continuare în privința faptului dacă codul exportat este util, dar această caracteristică este fantastic dacă doriți să exportați un fișier ca PDF pentru un client sau un director de artă care să treacă repede. Acest lucru face ușor să faci prototipuri rapide în Fireworks fără a fi nevoie să scrii o linie de cod.
Stilurile din focuri de artificii sunt foarte asemănătoare cu CSS pe o pagină web. Fiecare element poate avea un umplere, un accident vascular cerebral, un font și un efect și apoi să-l salveze ca un stil care poate fi apoi refolosit și modificat în același mod ca și cascadă. Editați "stilul" părinte și toate elementele care utilizează acel stil sunt modificate. Acest lucru este deosebit de eficient atunci când se ocupă cu mai multe instanțe de blocuri de text dintr-un site. Actualizați unul și le veți actualiza pe toate. Din nou - este un instrument de economisire a timpului.
Photoshop oferă câteva instrumente de redactare vectoriale foarte rudimentare, dar Fireworks aduce o mulțime de funcționalități native ale Illustratorului în propriul UI. Cel mai bun instrument (pentru web designeri) este probabil "dreptunghi rotunjit"- care include puncte de control pentru fiecare colț - ceea ce face ușor modificarea rapidă a unui dreptunghi rotunjit. Puteți face un colț rotunjit, iar ceilalți nu - puteți schimba și raza, lucru pe care Photoshop nu îl poate face încă.
Simbolurile, stilurile și formele vectoriale sunt împachetate în biblioteci pe care le puteți reutiliza în alte proiecte. Acest lucru este grozav pentru designerii care se regăsesc în folosirea elementelor și stilurilor comune. De asemenea, înseamnă că vă puteți împărtăși bibliotecile dvs. cu alți designeri - ceea ce este util în special dacă lucrați cu echipe de design mari unde fiecare designer are nevoie de acces la aceleași biblioteci.
Photoshop vă permite să grupați elemente în Grupuri de straturi - dar se face manual și pot deveni obositoare în timp. Gruparea în focuri de artificii se face mai natural: pur și simplu selectați o mână de elemente și apoi apăsați "Grup". Aceasta înseamnă, în general, că fișierele dvs. vor fi organizate puțin mai bine și, în general, economisesc timp în comparație cu metoda de grupare manuală Photoshop.
Iată un alt exemplu în care Fireworks îmbunătățește pur și simplu ceea ce Photoshop are de oferit. În loc de o mână de unelte de gradient, Fireworks include o gamă largă de moduri de a optimiza și de a gestiona declivitățile până când acestea sunt exact ceea ce căutați.
Photoshop are unele instrumente de bază "Salvați pentru Web", dar Fireworks se extinde pe acestea într-un mod care este satisfăcut de modul în care designerii web de fapt, de lucru. Comparațiile comparative arată dimensiuni reduse ale fișierelor atunci când salvați de la Fireworks, ceea ce este crucial pentru site-urile grele de imagine; PNG-8 (cu transparență) este pe deplin suportat, pe care Photoshop încă nu îl suportă!
Dacă ați folosit Photoshop de ani de zile, focurile de artificii se vor simți extratereștri ... dar majoritatea celor care nu au folosit niciun program sunt de acord că Fireworks este mult mai ușor de învățat. Photoshop este conceput pentru fotografi și designeri grafici ... ceea ce înseamnă că sunt incluse o mulțime de instrumente pe care web designerii nu le au nevoie în mod necesar. Supraîncărcarea cu interfață utilizator utilizată de utilizatorii Photoshop este redusă foarte mult în Fireworks, ceea ce face destul de simplu să se ridice pentru oricine dorește să pună ceva timp în plus.
Ce obțineți atunci când eliminați toate funcționalitățile suplimentare oferite de Photoshop? Dimensiuni reduse ale fișierelor care se deplasează mult mai repede. Fișierele Fireworks (format .PNG) pot conține mult mai multă complexitate decât fișierele .PSD, dar performează mai bine pe majoritatea computerelor, ceea ce înseamnă mai puțin timp de așteptare pentru CPU-ul tău să creeze grafice și mai mult timp petrecut în proiectare.
Multe dintre aceste alte funcții înseamnă, de asemenea, că puteți face lucruri în Fireworks pe care nu le puteți face în Photoshop - cum ar fi prototiparea rapidă a unui site web sau a aplicației AIR, crearea de fișiere PDF interactive, mutarea înainte și înapoi cu Flash, un site în fișierele web-ready.
"Într-o recentă societate a Agențiilor Digitale (SODA), sondajul privind abilitățile de angajare, aproape 20% din agenții caută abilități FW. Anul înainte ca numărul să fie atât de mic încât să fie neglijabil". - Tom Green (de la postul nostru de opinie)
Această listă va fi mai mică deoarece am trecut deja de principalele puncte de comparație, dar aici sunt câteva argumente pentru utilizarea Photoshop în locul focurilor de artificii.
Să recunoaștem acest lucru, focurile de artificii suferă un pic de sindrom "copil roșcată". Numai în versiunile recente (CS4 și CS5) Fireworks a primit actualizări de caracteristici semnificative. În timp ce acest lucru este bine pentru viitor, logica ar argumenta că Adobe este mult mai puțin probabil să ofere Fireworks mai multă atenție decât Photoshop pur și simplu pentru că Photoshop vinde mai multe ori în fiecare an, pentru mai mulți bani. Photoshop este, de asemenea, un program mai vechi; ceea ce înseamnă că beneficiază de o istorie mai lungă a feedback-ului utilizatorilor. Focuri de artificii este în continuă creștere prin salturi și limitează fiecare nouă versiune care iese, dar deoarece Photoshop este produsul principal al Adobe în suita CS, se așteaptă să primească cea mai mare parte a upgrade-urilor majore în viitor.
Din punct de vedere istoric, utilizatorii Fireworks raportează mai multe accidente și probleme de fișiere decât utilizatorii Photoshop (deși CS5 a adus mult mai multă stabilitate). Photoshop are o parte echitabilă de probleme, dar merită să aveți în vedere faptul că sunteți puțin mai probabil să vă confruntați cu dureri de cap atunci când vă ocupați exclusiv de focuri de artificii.
Deși există o cerere tot mai mare pentru persoanele care știu să utilizeze focurile de artificii, cererea pentru designerii web care lucrează cu Photoshop este universală. Aproape toate proiectele web majore utilizează Photoshop în cel puțin o anumită capacitate și având cel puțin o cunoaștere intermediară a PS va fi o cerință de locuri de muncă pentru majoritatea pozițiilor de design web în care este implicată o echipă. În timp ce clienții dvs. independenți ar putea să nu aibă grijă la programul în care lucrați, există șanse mult mai mari de a putea schimba fișierele Photoshop cu colegii dvs. decât fișierele Fireworks.
Poate că cel mai puternic argument în favoarea folosirii Photoshop-ului este că l-ați învățat deja și este o parte confortabilă a fluxului de lucru. După cum am văzut în discuția noastră la Sondajul cititorului, marea majoritate a persoanelor care au început cu Photoshop au rămas cu Photoshop. De ce? Pentru că funcționează! Și cum spune vechea zicală: "Dacă nu se rupe, nu reparați-o". Învățarea unui nou program necesită timp și bani - și dacă nu aveți niciun motiv întemeiat pentru a începe să utilizați focurile de artificii, într-adevăr nu există niciun motiv pentru a face comutarea chiar acum.
Să facem față, în timp ce există multe tutoriale acolo pentru Fireworks, tutorialele Photoshop și resursele depășesc conținutul bazat pe Fireworks pe web cu cel puțin 10-to-1. Ce înseamnă asta pentru tine? Probabilitatea de a găsi tututuri educaționale minunate (la fel ca la PSDTuts!) Este mult mai mare șansele dvs. de a găsi același conținut pentru artificiile focului. Pentru mulți, acest lucru este suficient pentru a echilibra faptul că Photoshop este mai greu de învățat.
Un designer care folosește Fireworks va trebui să folosească Photoshop pentru a crea orice grafică avansată ... dar majoritatea utilizatorilor Photoshop nu se deranjează să deschidă Fireworks. De ce? Pentru că nu au nevoie de asta. Toate funcționalitățile de bază sunt chiar acolo în Photoshop. În timp ce Fireworks ar putea avea câteva caracteristici care au fost "îmbunătățite", utilizatorii Photoshop nu le lipsesc deoarece nu știau niciodată că există;
În zorii zilei de internet, designerii web au fost forțați să utilizeze orice programe pe care le-au făcut la îndemână pentru a-și crea site-urile web. Cele mai vechi site-uri web au început ca lucruri simple și nu au necesitat multe în termeni de pricepere grafică. Acești designeri de web au făcut pur și simplu datorită software-ului de design grafic pe care îl foloseau sau le-au instruit.
Acum, însă, designul web este o parte esențială a deținerii unei afaceri. De fapt, aproape toată lumea știe aceste zile ceva despre proiectarea unei pagini web. Există programe gratuite de pagini web, software conceput pentru a ușura designul web-ului și apoi există programele mai grave create pentru designerii web profesioniști.
Pe măsură ce tehnologia avansează, au fost lansate mai multe produse și decizia de alegere a programului a devenit dificilă. Pentru cei care au fost de mult timp în designul de web, software-ul nou are un aspect redus față de software-ul testat, testat și adevărat la care ați fost instruiți. Dar în ce direcție ar trebui să meargă un nou designer de web? Furca de pe șosea poate fi confuză și copleșitoare fără ca o hartă să urmeze.
Adobe Photoshop a fost întotdeauna o piatră de temelie a comunității de design grafic, făcându-l o alegere naturală pentru tranziția de la imprimare la design web. Adobe Photoshop și Illustrator sunt programele utilizate pentru formarea noilor designeri grafici. O temelie fermă este că aceste două sunt de obicei necesare înainte ca o școală să permită unui student să treacă la alte programe multimedia.
Când întrebați designerii web ce software folosesc de multe ori răspunsurile comune sunt Photoshop, Fireworks și Dreamweaver. Nu există un program mai popular decât altul, deoarece există motive diferite pentru un designer care învață ce software în locul celuilalt. Multe se spune despre modul în care Adobe Photoshop și Macromedia Fireworks sunt aceleași pentru designerii web, dar această prezentare generală nu oferă software-ului justiția pe care o merită.
Acum, când Adobe a achiziționat Macromedia, se poate presupune că Fireworks va continua să semene cu Photoshop chiar mai mult cu actualizări de timp și viitoare. Cu toate acestea, ele nu vor fi niciodată la fel și înțelegerea diferențelor fundamentale vă va ajuta să luați o decizie.
Există și alte opțiuni de software pentru web design (cum ar fi Pixelmator pentru Mac, ULead, Xara, Stone și altele), dar aceștia doi sunt principalii jucători și cei mai dezbătut.
În primul rând, Photoshop a fost proiectat pentru editarea fotografiilor. Acest lucru face ca merge la software-ul pentru fotografi și oricine lucrează extensiv cu fotografii. Designerii Photoshop nu au intenționat niciodată ca software-ul să fie principalul program pentru web designeri, deși include o mulțime de caracteristici pentru a ajuta designerii web. Photoshop este perfect pentru designeri care fac mai mult decât doar designul web, deoarece capabilitățile sale cross platform / cross media îl fac destul de versatil.
Photoshop are și o reputație. Este cel mai popular și respectat software de design grafic disponibil. A devenit un standard de piață și mulți clienți se așteaptă ca designerii să o folosească. Ar putea dura câteva explicații dacă doriți să trimiteți un fișier .png Fireworks în locul unui document Photoshop .psd.
Când vine vorba de gestionarea culorilor, nu puteți obține un program mai bun decât Photoshop. Adobe are culori profesionale până la o știință.
Desigur, niciun software nu este perfect și Photoshop nu face excepție. Software-ul este mare, împovărătoare și dificil pentru orice computer să gestioneze. Memoria implicată în rularea software-ului este suficient de mare, dar odată ce începeți să lucrați cu fișiere de înaltă rezoluție, puteți avea probleme. Blocajele Photoshop sunt legendare și se așteaptă la perioade lungi de încărcare și înghețări ocazionale, cu excepția cazului în care aveți un calculator strălucit care să lucreze cu.
Nu numai că, interfața și caracteristicile complicate ale utilizatorului sunt descurajante și intimidante. Software-ul face atât de mult, dar pentru utilizatorul mediu majoritatea capabilităților sale sunt îngropate sub meniuri și terminologie străină. Photoshop este un program dificil de învățat pe cont propriu, și costisitor și consumator de timp pentru a merge la un expert pentru ajutor.
În timp ce straturile Photoshop pot fi foarte utile și sunt visul unei persoane organizate, uneori pot fi frustrant. Mai ales că nu puteți face simplul clic pentru a selecta elemente de document. Navigarea prin straturi este esențială. Acest lucru poate duce la o curbă enervantă de învățare și la un proces consumator de timp dacă nu vă etichetați bine straturile.
Macromedia Fireworks a fost proiectat special pentru web designeri. Interfața cu utilizatorul este ușor de utilizat și navigabilă. În timp ce învățați Adobe Photoshop poate fi un proces lung și frustrant, ridicarea focurilor de artificii nu durează deloc. Software-ul este mai intuitiv decât Photoshop, și mai flexibil de folosit.
Fireworks a fost creat pentru a obține maximum de dimensiunea fișierului, deoarece paginile web nu se pot ocupa de grafica mai mare pentru care a fost construit Photoshop. Acest lucru poate economisi timp în schimbarea dimensiunii fișierului și a proprietăților de rezoluție în timpul designului.
În timp ce Fireworks nu va fi niciodată la fel de bun la editarea fotografiilor ca Photoshop, ea are propriile sale capabilități de optimizare a fotografiilor. Acestea funcționează foarte bine pentru mulți web designeri.
O altă mare diferență în cele două programe este că un web designer creează mai mult de o pagină la un moment dat. În Photoshop, de obicei, vă concentrați pe o singură pagină în același timp. Cu Fireworks, puteți proiecta mai multe pagini simultan, fiecare cu mai multe straturi. Nu durează prea multă memorie pentru a lucra mai multe pagini, la fel ca și în Photoshop.
Designeri, cum ar fi faptul că Fireworks este capabil să lucreze atât cu fotografii, cât și cu imagini vectoriale. Acest lucru este ca și utilizarea Photoshop și Illustrator în același timp. Pe lângă prețul de pe focuri de artificii, este mult mai atrăgător decât cel al Photoshop.
Fireworks își are partea sa de accidente și bug-uri ca orice alt program, însă Adobe a declarat că intenționează să abordeze aceste probleme cu viitoarele actualizări, în momentul în care a preluat Macromedia.
Speram să întrebi! Într-o lume perfectă, ar fi logic să instalați un site în Fireworks, să vă mutați în Photoshop pentru detalii avansate și apoi să utilizați Fireworks pentru a compune site-ul și a-l exporta pentru web ... în practică, totuși, acest lucru nu prea funcționează. O mulțime de oameni aleg să facă acest lucru pentru anumite elemente (cum ar fi salvarea imaginilor de fundal de la Fireworks pentru a reduce dimensiunea fișierului), dar prea des, fișierele .PSD nu se vor deschide perfect în Fireworks. Grupurile de straturi se amestecă, stilurile de straturi se șterg și se produce frustrarea. Vă recomandăm să utilizați Fireworks de la caz la caz (esp pentru a utiliza îmbunătățirile PNG8 și save-for-web), dar nu vă așteptați ca sistemul dual-program să devină o parte sigură a propriului dvs. flux de lucru până când Adobe să rezolve aceste probleme transversale ale programului.
Cu asta am spus că am auzit de la cel puțin un număr de designeri de la postul nostru de cititori care utilizează ambele programe unul lângă celălalt, așa că este într-adevăr la propriile preferințe de flux de lucru.
Dacă sunteți deja bine instruiți în Photoshop sau Fireworks, probabil că este bine să continuați să utilizați acest program pentru nevoile dvs..
Într-o lume ideală, designerii web ar avea timp, bani și energie să învețe ambele bucăți de software și să le folosească pentru punctele lor forte și să nu le ia în considerare punctele slabe. Desigur, chiar dacă aveți banii pentru a investi în programe duale - probabil că nu aveți timp să vă familiarizați cu modul în care fiecare dintre ei lucrează.
Dacă sunteți deja bine instruiți în Photoshop sau Fireworks, probabil că este bine să continuați să utilizați acest program pentru nevoile dvs. Dacă sunteți începător și încercați să decideți cu care este cel mai bine să începeți, focurile de artificii sunt mai ușor de folosit și de învățat, dar Photoshop vă va ajuta să deveniți un designer mai bun în jurul valorii de proiectant decât dacă vă limitați doar la focuri de artificii.
Prioritățile personale, obiectivele și limitările vor influența cu siguranță decizia finală. Având o mulțime de răbdare și de nefuncționare ar ajuta cu siguranță, dacă doriți să stăpânească toate opțiunile uimitoare Photoshop are de oferit. Dacă doriți să începeți rapid și nu doriți să pierdeți timpul familiarizat cu procesul, atunci Fireworks este cel mai bun pariu.
În lumea design-ului web, oricare dintre programe este utilizat în mod obișnuit și nu veți fi condamnat pentru alegerea uneia dintre celelalte. Există o mulțime de tutoriale gratuite disponibile online pentru ambele programe, precum și cursuri și cursuri de instruire.
În industria de design web, veți găsi designeri care jură pe Photoshop și pe alții care jură pe focuri de artificii. Ascultați argumentele pro și contra lor, dar, în cele din urmă, decizia depinde de dvs. Nu există dovezi copleșitoare că un program este mai bun decât altul, ci funcționează diferit pentru diferiți utilizatori și talente.
Brandon Jones (editorul site-ului Webdesigntuts +) a scris secțiunea introductivă și "puncte de comparație" din acest articol. Greg Bates a contribuit prin scrierea informațiilor suplimentare de bază pentru fiecare program, precum și prin furnizarea cercetării în domeniu.
Greg Bates este o Sophmore la CSULB și în prezent se specializează în sisteme informatice, dar de asemenea ia cursuri pe partea pentru web și design grafic. Este un scriitor pentru o revista online StyleCeo care se ocupa de moda. El construiește, de asemenea, site-uri web de la zero pentru diferite companii și corporații online. În timpul liber, se bucură de sport, de a fi cu fata sau de a face o treabă liberă. Dacă vă place munca lui și ați dori pentru el să lucreze ca un freelancer pentru tine, îl puteți contacta la http://twitter.com/TheAllureIs_.
Vom scoate în evidență câteva dintre cele mai puțin cunoscute caracteristici ale Fireworks în luna următoare, așa că abonează-te (în partea de sus a site-ului) pentru a primi notificări despre momentul în care se publică noile tutoriale și scenarii!
Am avut deja aproape 100 de comentarii mari la postul de citit al cititorului, dar dacă aveți comentarii, sugestii sau întrebări, postați-le și aici! Marea parte a unui astfel de articol este că poate aduce împreună alți designeri web pentru a-și împărtăși propriile experiențe și fluxuri de lucru ... așa cum folosiți aceste programe?
Accentsconagua