Programvare som brukes til å lage kompiser og nettsteder - dummies

Før du begynner å designe et nettsted, bør du bli kjent med bransjestandard web grafiske programvareverktøy. Selv om det finnes en rekke verktøy på markedet som kan være mer egnet til helgenskrigeren, er de som er oppført her, profesjonelle standarder som brukes av alle byråer og interne butikker. De er dyre, og kan kjøpes separat eller buntet i suiter. Legg merke til at alle produktene som er oppført her er fra Adobe Systems. (Adobe har systematisk kjøpt opp gjennombruddene av webdesignprogramvaren.)

Photoshop

For å lage, redigere og manipulere bitmaps, holder ingen andre verktøy på markedet et lys til Photoshop. Problemet med Photoshop er imidlertid at det å lære å bruke det til sitt beste, er likt å lære å fly en jumbojet. I tillegg til årene det kan ta for å fullt ut beherske Photoshops kraft, må du også takle en bratt prislapp.

De fleste web comps , som sidedesigner kalles i bransjen, er bygget i Photoshop. Det er byrået og intern standard; de fleste utviklere forventer å bli levert Photoshop-komposisjoner før de bygger den faktiske nettsiden. Vanligvis er det en Photoshop-fil per nettside-mal. Photoshop lar deg gjøre omfattende bruk av lag og lagsett, og hold tydelig (og hjelpe deg med å organisere) alle komponentene som utgjør ditt design.

Det er en god praksis å navngi og organisere lagene dine slik at andre designere kan gi mening om dokumentet ditt.

Fyrverkeri

Fyrverkeri er et flott grafikkprogramvare, fordi det er spesialbygd for å lage webkomponenter. Dessverre har det egentlig ikke tatt fast som standard på designbyråer og interne avdelinger. Det er synd fordi en enkelt webside komprimerer med alle lagene i Photoshop kan være 24-100mb fil. Den samme eksakte siden i fyrverkeri ville være heldig å presse 3mb fordi den bruker en blanding av vektor og bitmap-grafikk. Det er en fil du kan e-poste som et vedlegg til klienter og utviklere.

Den eneste kanten som Photoshop har over Fireworks, er i bitmap bildeforbedring og manipulering. Du kan imidlertid gjøre alle de tingene i Photoshop, og deretter importere resultatet til fyrverkeri for å jobbe i weboppsettet. Du kan også eksportere fyrverkerifilen din som en Photoshop-lagret fil, eller importere Photoshop-lagrede filer, så det har litt god allsidighet.

Illustrator

Illustrator er kun oppført her fordi det er standarden for å produsere vektorgrafikk.Ofte må du opprette egendefinerte ikoner, knapper eller illustrasjoner i webdesign, og det er enklest å bruke Illustrator for slike oppgaver. Du kan deretter importere disse illustrasjonene til Photoshop eller fyrverkeri for å kaste seg inn i webkompatreren din.

Alle websammensetninger er bygget og montert i enten Fireworks eller Photoshop. Illustrator bidrar bare til grafiske stykker eller brukes til å lage individuell webgrafikk du kan eksportere i ulike webformater, inkludert SVG, PNG og JPEG.

Flash

Flash lar deg lage svært interaktive webapplikasjoner med ActionScript - det robuste skriptspråket - og design animasjoner som utnytter de stramme filstørrelsene, samt skalerbarheten til vektorgrafik. Flash-filer kan legges inn direkte på websiden din. Flash movies kan være så interaktiv og kompleks at du kan bygge en hel sideopplevelse bare med Flash. HTML-siden presenterer bare Flash-filen, og Flash tar over derfra. Hvis du vil ha et nettsted som viser video eller har interaktive funksjoner som nettstedet i følgende figur, trenger du Flash.

Kreditt: © California Milk Processor Board

Dreamweaver

Dreamweaver er ikke et grafisk designverktøy; Det er for å bygge HTML-sider og CSS-filer. Det mange som blir forvirret på, er at du har en nettside komplisert i enten Fireworks eller Photoshop for å se akkurat hvordan websiden din skal se online - ned til de siste detaljene i rullefeltene dine og footers. Derimot har du utviklere som må gjenopprette komposisjonene dine i HTML, ofte ved hjelp av et verktøy som Dreamweaver.

Hvorfor må utviklere omskape designene dine? For å oppnå maksimal effektivitet på siden må utviklerne gjenoppbygge siden din. Dine komposisjoner tjener ikke bare som den piecemeal kunstkilden og oppsettet som skal følges, men også som farge-, knapp-, grense- og tekstkilden som trengs for å utlede CSS-stiler.