Nimeni on Russell McGovern ja käytän Fireworksia verkkosivujen suunnitteluun. Siellä, sanoin sen. Voisin olla väärässä, mutta tuntuu olevan pienessä vähemmistössä; Web-suunnittelijoiden keskuudessa valinnan soveltaminen näyttää olevan Photoshop.

Virastot lähettävät PSD-tiedostoja töissä ja pyytävät niitä vastineeksi; design-blogit ovat täynnä Photoshop-vinkkejä, opetusohjelmia ja malleja; muut suunnittelijat vaativat Photoshop-tiedostoja, joita he olettaa käyttävän elementtien rakentamisessa.

Se on melkein kuin toisen luokan kansalainen. Se on kuin ainoa työkalu, jolla todella ammattimainen suunnittelija haaveilee käyttää, on Photoshop, joka vastaa tietokoneen valitsemista Mac-tietokoneesta.

Photoshop ei kuitenkaan ole ainoa vaihtoehto. Olen käyttänyt ilotulitusvälineitä monien vuosien ajan ja olen sitä mieltä, että se on ylivoimaisesti helpoin ja nopein tapa saada ideoita päähän ja pikseleihin näytöllä.

Sallikaa minun olla selvä: en mitenkään hylkää Photoshopia tai niitä, jotka haluavat käyttää sitä. Käytän sitä runsaasti tehtäviä. Henkilökohtainen mieltymys on tärkein tekijä valittaessa työkaluja ja jos suosikki on Photoshop, niin sinun kannattaa käyttää sitä.

Photoshop on loistava ohjelma, mutta sen työkalusarja on laaja - sitä käytetään valtavaan sovellusvaihtoehtoon, valokuvan manipuloinnista ja kuvasta 3-D-mallinnukseen.

Useimmissa Web-suunnittelutehtävissä Photoshopin ominaisuuksista enemmistö ei olisi tarpeellinen - etkä ehkä koskaan tiedä, että ne ovat olemassa. Toisaalta ilotulitus on suunniteltu pohjimmiltaan käsittelemään web-suunnittelun visuaalista puolta, ja kaikki sen työkalut ja työnkulut on suunniteltu tähän.

Seuraavassa on joitain suosikkini asioita ja syitä, miksi ilotulitus on ensisijainen suunnittelutyökaluni:

1. Pixel-Perfect Control

Pixel täydellinen hallinta

Minun mielestäni tämä on Fireworksin tappaja-ominaisuus. Haluatko 300 x 100 pikselin suorakulmion? Kirjoita vain arvoja, ja siellä on - ei sotkeutua hallitsijoihin, oppaisiin tai mittaustyökaluihin. Haluatko siirtää sen? Napsauta ja vedä riippumatta valitsemastasi kerroksesta - ei metsästystä sisäkkäisten kerrosten ja ryhmien kautta, jotta löydettäisiin oikea.

Parasta vielä, antaa suorakulmion pyöristetyt kulmat, paina vain toinen arvo laatikossa ja puomi: lajitellaan! Tämä voi kuulostaa vähäpätöiseltä ominaisuudelta, ja tiedän, että Photoshop ei pyöreitä suorakulmioita, mutta Fireworksissa voit määrittää kulmien tarkan säteen kuvapisteinä tai prosenttiosuutena ja muuttaa näitä arvoja milloin haluat. Jos muutat suorakulmion kokoa, kulmat säilyttävät suhteensa venyttämällä tai puristamalla.

Ilotulitus on lähinnä objektipohjainen, mikä tekee elementtien suunnittelusta helppoa. Voit nähdä objektin tai objektiryhmän pikselimitat vain valitsemalla ne. Kaikki voidaan muuttaa lennolla ehdottoman tarkkuudella, joten jos jokin ei ole aivan oikein, voit säätää sitä, kunnes se on. Tämä on niin erilainen kuin Photoshopin arvailu ("Yritä tätä ... Ei, se ei ole oikein ... Kumoa ja yritä uudelleen").

Web-suunnittelussa, jossa yksittäinen pikselivirhe voi pilata layoutin, Fireworks tarjoaa tarkan tason, joka tekee suunnittelun asettamisesta tietyissä ulottuvuuksissa ja liikkuvissa elementeissä sen ympärille mahdollisimman helpoksi.

2. Web-taso

Verkkokerros

Verkkokerroksessa yhdistyvät kuvan viipalointi, tulostustiedostotyyppien valinta ja optimointi yhtenäisellä ja intuitiivisella tavalla. Itse asiassa se voi olla ainoa kontakti, johon monet suunnittelijat ovat tehneet Fireworksin kanssa; se on vaihtoehto Photoshopin viipalointi- ja vientivaihtoehdoille tai - ennen CS3-päivää - ImageReady.

Siitä on enemmän kuin viipalointi. Voit myös luoda linkit ja rullat, ja sitten tuottaa toiminnallisen HTML suoraan Fireworks; se ei ole maailman puhtaimpia koodeja, ja luultavasti ette käytä sitä valmiissa projektissa, vaan nopean prototyypin tekemiseen tai työstämisen muodostamiseen, se on unelma. Käyttämällä web-kerrosta yhdessä Sivut-paneelin kanssa voit luoda koko verkkosivuston työskentelymallin ilman muita sovelluksia.

3. Gradients

liukuvärit

Jokainen rakastaa mukavaa kaltevuutta. Jopa voimakasta tahtoa, nämä ovat jotain viulua Photoshopissa - mutta ne ovat uskomattoman helppoja soveltaa ja muokata ilotulitteita.

Ohjauskäsineiden avulla voit vetää kaltevuuden kohteen sisäpuolelle ja voit muokata kaltevuudet useilla tavoilla kuin Photoshop sallii. Tämä on hieno esimerkki Photoshopin tekemästä toiminnasta, mutta Fireworks tekee nopeamman, yksinkertaisemman ja intuitiivisemman.

4. Oppimiskäyrä

Oppimiskäyrä

Uuden tulokkaan online-suunnittelussa Photoshopin on oltava yksi pelottavimmista ohjelmista, joita he kohtaavat.

Pyrkimyksesi löytää ja miten tehdä jotain suhteellisen yksinkertaista voi olla vaikeaa. Vaikka ilotulitus ei ole missään nimessä uhka, se on paljon helpompi ymmärtää.

Sen työkalusarja keskittyy web-suunnittelua koskeviin tehtäviin, ja uudet käyttäjät löytävät itselleen hyödyllisen työn tuottamisen paljon aikaisemmin kuin Photoshopissa.

5. Vektori työkalut

Vektorityökalut

Ilotulitteilla on kattava joukko työkaluja vektorigrafiikan muokkaamiseen, jonka avulla voit tehdä melko hyvin bittikarttakuvien rinnalla. Useimmissa tehtävissä ei tarvitse käynnistää Illustratoria tai mitä tahansa vektoritoimitinta, mikä säästää aikaa ja vaivaa.

Ilotulitus tarjoaa myös valikoiman vektori-pohjaisia ​​älyobjekteja tavallisille muodoille, monikulmioille ja tähdille, samoin kuin kuutioihin, hammaspyöriin, virtauskaavioihin ja puhekupliin, joissa on eri ohjauskäsineitä, joiden avulla voit heittää sydämesi sisältöä.

Ilotulitus on pohjimmiltaan web-suunnittelutyökalu, joten kaikki on tehty 72 DPI: ssä, mukaan lukien vektorit (jotka yleensä jättävät huomiotta päätöslauselman). Dokumenttikuvassa näkyy juuri sitä, mitä viedään, joten olet ehdottomasti hallitsemaan vektorien lähteistä tuotetun web-grafiikan lopullista ulkonäköä - aina reunojen vastakkaiseen suuntaan.

6. Sivut, symbolit ja tyylit

Sivut, symbolit ja tyylit

Ilotulitusosastojen avulla voit määrittää useita asetteluja samassa asiakirjassa paljon tehokkaammin kuin Photoshopin kerrokset. Yksi ilotulitusasiakirja voi sisältää useita sivuja, joista jokaisella on omat kerrokset. Tämä mahdollistaa useiden eri sivujen mallintamisen yhdellä asiakirjalla ja pitää kaikki siihen liittyvät varat yhteen (sen sijaan, että levitettäisiin joukko PSD: ää).

Symbolien avulla voit rakentaa kirjastoa yleisesti käytetyistä varoista, jotka voidaan pudottaa asiakirjaksi tarpeen mukaan: yrityksen logot, painikkeet - mitä tahansa muotoilua, jota käytät toistuvasti ja tarvitset helpon pääsyn. Muokkaa symbolia ja muutokset näkyvät aina, kun tämä symboli näkyy suunnittelussa - aivan kuten Flash-symboleissa.

Tyylit antavat sinun tehdä yleisluontoisia muutoksia asiakirjan sivuilla. Se on periaatteessa CSS for Fireworks: muokkaa tyyliä, ja kaikki tyylilajit päivittyvät vastaavasti (lyönti ja täyttövärit, fontit, vaikutukset, mitä tahansa). On hienoa kokeilla erilaisia ​​väripaletteja tai toteuttaa ne väistämättömät viime hetken muutokset muotoiluun.

Yhdessä nämä kolme ominaisuutta virtaviivaistavat ja yksinkertaistavat suunnitteluprosessia.

7. Hinta

Hinta

Se on halvempaa kuin Photoshop!

johtopäätös

En sano, että ilotulitus tekee kaiken; on monia tehtäviä, joista voit paremmin käyttää Photoshopia tai omistettu vektoritoimittaja. Samoin olen varma, että voisin paremmin käyttää Photoshopia web-suunnittelutyökaluna; niin en ehkä löydä sitä niin ärsyttävää.

En käytä Fireworks-yksikköä - vaihdan tarpeen mukaan - mutta se on varmasti tärkein työkalu.

Viime kädessä Fireworks ei voi tehdä sitä, jota Photoshop ei voi, mutta se voi tehdä paljon asioita tehokkaammin ja sen avulla voimme suunnitella verkkosivustoja nopeammin ja helpommin.

Kuten sanoin, kaikki kiehuu henkilökohtaiseen mieltymykseen, mutta jos tämä pieni keltainen "Fw" -kuvake istuu Käynnistä-valikossa tai telakalla, irrottamatta ja ei-toivotusta, kehotan sinua kokeilemaan ja kokeilemaan hieman. Saatat huomata, että pidät siitä.


Kirjoittanut Russell McGovern, web-suunnittelija Lontoosta. Sinä pystyt seuraa häntä Twitterissä .

Onko kukaan muu siellä Fireworks -hahmosta? Onko Photoshopin käyttäjiä, jotka haluavat antaa pikkuveljensä mennä? Tai minun pitäisi vain pakata se ja laittaa enemmän harjoitteluaikaa Photoshopilla?