Innehållsförteckning:
Video: Skapa egna solstrålar i Photoshop 2024
Innan du börjar utforma en webbplats bör du bli bekant med branschstandard webbgrafikprogramverktyg. Även om det finns ett antal verktyg på marknaden som kan vara mer lämpade för helgkrigaren, är de som listas här de professionella kvalitetsstandarderna som används av alla byråer och inhemska butiker. De är dyra och kan köpas separat eller buntas i sviter. Observera att alla produkter som listas här är från Adobe Systems. (Adobe har systematiskt köpt upp grunderna för webbdesignprogramvara.)
Photoshop
För att skapa, redigera och manipulera bitmappar håller inget annat verktyg på marknaden ett ljus till Photoshop. Problemet med Photoshop är emellertid att lära sig att använda den till sin fulla är besläktad med att lära sig att flyga en jumbojet. Förutom de år som det kan ta för att fullt ut behärska Photoshops kraft måste du också hantera en brant prislapp.
De flesta webben comps , som siddesigner kallas i branschen, är inbyggda i Photoshop. Det är byrå och intern standard; de flesta utvecklare förväntar sig att överlämnas Photoshop-kompositioner innan de bygger själva webbplatsen. Vanligtvis finns det en Photoshop-fil per webbsidans mall. Photoshop tillåter dig att använda en stor mängd lag och laguppsättningar, som håller olika (och hjälper dig att organisera) alla komponenter som utgör din design.
Det är en bra metod att namnge och organisera dina lager så att andra designers kan ge mening om ditt dokument.
Fyrverkerier
Fyrverkerier är ett bra grafikkverktygsverktyg eftersom det är avsedd att skapa webbkomponenter. Tyvärr har det inte riktigt fångats som en standard på designbyråer och inrikesdepartement. Det är synd eftersom en enda webbsida komprimerad - med alla dess lager - i Photoshop kan vara 24-100mb fil. Samma exakta sida i fyrverkerier skulle vara lyckligt att driva 3mb eftersom det använder en blandning av vektor- och bitmapgrafik. Det är en fil som du kan e-posta som en bilaga till kunder och utvecklare.
Den enda kanten som Photoshop har över Fireworks är i bitmap bildförbättring och manipulation. Du kan dock göra alla de sakerna i Photoshop och sedan importera resultatet till Fireworks för att fungera i din webblayout. Du kan även exportera din Fireworks-fil som en Photoshop-lagrad fil, eller importera Photoshop-lagrade filer, så det har lite bra mångsidighet.
Illustrator
Illustratorn visas här bara för att det är standarden för att producera vektorgrafik.Ofta behöver du skapa egna ikoner, knappar eller illustrationer i webbdesign, och det är lättast att använda Illustrator för sådana uppgifter. Du kan sedan importera dessa illustrationer till Photoshop eller Fireworks för att lägga in i din webbkompatibilitet.
Alla webbkompisar är byggda och monterade i antingen Fireworks eller Photoshop. Illustrator bidrar bara till grafiska bitar eller används för att skapa individuell webbgrafik som du kan exportera i olika webbformat, inklusive SVG, PNG och JPEG.
Flash
Med Flash kan du skapa mycket interaktiva webbapplikationer med ActionScript - det robusta skriptspråket - och design animeringar som utnyttjar de täta filstorlekarna samt skalbarheten i vektorgrafik. Flash-filer kan integreras direkt på din webbsida. Flash filmer kan vara så interaktiv och komplex att du kan bygga en helhetsupplevelse bara med Flash. HTML-sidan presenterar bara Flash-filen och Flash tar över därifrån. Om du vill ha en webbplats som visar video eller har interaktiva funktioner som webbplatsen i följande figur behöver du Flash.
Kredit: © California Milk Processor BoardDreamweaver
Dreamweaver är inte ett grafiskt designverktyg; Det är för att bygga HTML-sidor och CSS-filer. Vad många människor blir förvirrade om är att du har en webbsida kompilerad i antingen Fireworks eller Photoshop för att se exakt hur din webbsida kommer att se online - ner till de senaste detaljerna i dina rullningslister och sidfot. Däremot har du utvecklare som måste återskapa kompstilningarna i HTML, ofta med hjälp av ett verktyg som Dreamweaver.
Varför behöver utvecklare återskapa dina mönster? För att få maximal effektivitet på sidorna måste utvecklarna bygga om din sida. Dina comps tjänar inte bara som den piecemeal art källa och layout att följa men också som färg, knapp, gräns och textkälla som behövs för att härleda CSS-stilar.