Grunderna för sidlayout i CS5

Sidlayouten innehåller text och bilder (och ibland andra former av multimedia) för att skapa en design på en webbsida i Adobe Creative Suite 5. När du skapar en siddesign måste du tänka på hur människor ser på en layout, till exempel hur ögat rör sig över sidan för att ta in informationsflödet. Tänk också på hur elementen är ordnade och hur mycket tomt utrymme som omger dem.

Två huvudtyper av sidlayout är tryckta layouter och webblayouter. Båda formaten kräver att du arbetar med många av samma element.

Bestäm vilka Creative Suite-program du vill använda

Det finns många skillnader mellan att förbereda en layout för webben och att förbereda den för tryck; men du kommer att upptäcka att du använder många av samma verktyg för båda, och en hel del information går över mellan de två medierna.

Bildmanipulering för webben görs ofta i Photoshop. Det är också standardprogrammet för att manipulera och korrigera bilder avsedda för utskrift. Du kan till och med designa en sida för utskrift och även lägga den online genom att använda kommandot Exportera XHTML/Dreamweaver i InDesign.

Du måste dock göra vissa överväganden när du lägger ut information på nätet. Navigering, användbarhet, filstorlek, dimensioner och datorkapacitet är överväganden för webben som inte är ett problem när du arbetar för tryck. Men upplösning, färger och beskärning (för att nämna några) är överväganden för någon som designar ett föremål för tryck, vilket inte är något som är problem för webben.

Ett annat alternativ för att skapa webbsideslayout är att använda Adobe Fireworks, som ingår i Creative Suite. Fireworks hjälper dig inte bara att skapa webbgrafik utan erbjuder också utmärkta prototypverktyg för webben. Med Fireworks kan du skapa stilar, bygga en huvudsida och till och med använda interaktivitet på dina sidor. Att bygga prototyper på flera sidor med hyperlänkar är en synkronisering med Fireworks.

Designa en layout för tryck

När du designar en sidlayout för utskrift måste du ta hänsyn till storleken och typen av papper som kommer att användas. Ibland skapar du brevhuvud med vissa element på sidan som förblir desamma, medan andra element (huvudinnehållet) skiljer sig från sida till sida.

Du kan också skapa sidlayouter som fungerar som mallar för en bok och använda särskilda element (som punkter eller sidofält) upprepade gånger på olika sätt på sidorna. Sidstorlek, teckenstorlek och bildupplösning är alla viktiga överväganden i tryck.

Mallar för sidlayouter tar hänsyn till vanliga dimensioner av papper och hjälper dig att lägga upp innehåll i definierade områden. Om du till exempel skapar en broschyr måste du tänka på var sidan ska vikas och hur du orienterar bilder och text så att de är vända åt rätt håll.

Många typer av mallar finns tillgängliga online, och du kan ladda ner dem ibland gratis; andra är tillgängliga för en liten avgift beroende på mall.

Här är några frågor att tänka på när du skapar en sida:

• Använd ett rutnät och fästelement för att justera när det är möjligt. Om vissa element på din sida inte är anpassade bör du ha en bra anledning.

• Ögat går i riktning mot elementen på sidan. Till exempel, om en bild av en person är vänd bort från mitten av ett uppslag, färdas ögat i den riktningen. Se till att ögat går till de viktiga elementen på sidan.

• Följ regeln om tredjedelar och dela upp sidor i tredjedelar. Delar av din layout bör falla inom dessa tre områden.

Bildupplösningen på skärmen mäts i pixlar per tum (ppi), vilket hänvisar till antalet pixlar som är inom 1 tum på skärmen. Den utskrivna upplösningen för en bild mäts i punkter per tum (dpi) - en bläckprick skrivs ut för varje pixel.

En högre dpi gör att bilden blir tydligare och har finare detaljer, vilket är oerhört viktigt för utskrift. Utskrivna bilder använder nästan alltid en högre upplösning än bilder på skärmen, så du kanske upptäcker att en bild som mäter 4 x 4 tum på skärmen (vid 72 ppi) skrivs ut med mindre än 1 x 1 tum (vid 300 dpi).