Så här skapar du en professionell tidskriftslayout

Några gånger i varje månad besöker vi några av våra läsares favoritinlägg från hela Vectortuts + historien. Denna handledning av Otto Coster publicerades först den 4 augusti 2010.

Har du någonsin undrat hur professionella designers träffar den perfekta balansen mellan text och bild? Med InDesigns kraftfulla typverktyg lär du dig tekniker som hjälper dig att ställa in och arrangera en magasinlayout.

Letar efter en snabb lösning?

Om du letar efter en snabb lösning finns det en bra samling av magasinlayouter på Envato Elements. Med ett stort utbud av layouter och fler designtillgångar som kan laddas ner till en enda överkomlig månadsavgift, är det ett bra sätt att snabbt komma igång med ditt projekt. Här är några av våra favoriter!

1. Fashion Magazine

2. Minimal Magazine

3. Arkitektur Magazine

4.яLemo Magazine

5.яElegant Magazine

Steg 1: Ställa in dokumentet

Vi använder ett standard A4-dokument för denna handledning. Börja med att ställa in antal sidor till 8, blödet till 2 mm så att vi har lite utrymme för bilder att överlappa, marginalerna till 10 mm för topp och botten, insidan marginal till 13 mm och yttermarginalen till 20 mm. Anledningen till dessa olika marginaler är att i en spridning med 2 sidor ser en lite större marginal på utsidan av sidan bättre ut och ger utrymme för att hålla den tryckta versionen. Det är också användbart för sidnätet i nästa steg.


Steg 2: Skapa ett rutnät

För att ställa in sidnätet, gå till "A-master spread" och välj Layout> Skapa guider. Ett rutnät används för att hålla konsekvens i sidlayouten och ger en ram för positionering av innehåll. Ett välutrustat rutnät är det första du behöver för att ge din layout ett professionellt utseende. För denna handledning kommer vi att använda en 12 rader med 12 kolonnnät med 3 mm avstånd. Välj Fit Guides till Margins för att skapa ett rutnät med en kolumnbredd på 12 mm.

Varför? Vår sidbredd är 210 mm, med 20 mm utsida och 13 mm inuti marginaler har vi 177 mm kvar för 12 kolumner och 11 rännor. 12 kolonner på 12 mm plus 11 gutters på 3 mm är 177 mm.


Steg 3: Placera en bakgrund

När du skapar en magasinlayout vill du ha en bra balans mellan det vita utrymmet, bilderna och texten. En bra teknik är att använda en bild med mycket "tomt" utrymme, utrymme runt motivet har samma funktion som vitt utrymme. Jag använder ett foto kallat, Summertime Sunshine av Stewart, det har en fin suddig bakgrund som vi kan placera vår text på.

Gå till sidan 2-3 och placera ditt fotografi i blöderutrymmet så att hela spridningen är täckt. Flytta fotografiet i ramen så att motivet ligger inom marginalen på första sidan och toppen av cocktailen ligger vid kanten av en rasterrad.


Steg 4: Skapa kroppstext

Gör en textram som placeras i samma vertikala och horisontella position som cocktailen på andra sidan, här i den tredje raden, femte kolumnen i rutnätet. Detta skapar en imaginär linje som förbinder bilden med texten. Jag har använt titeln på fotot, "Summertime Sunshine" som rubrik och fyllde resten av ramen med funktionen "Fyll med platshållare" i InDesign.


Steg 5: Ställa in ett grunnlinje

För att vår text ska se bra ut måste vi ställa in ett grunnlinje. Gå till Inställningar> Grids och ställ in en ökning på 8 pt. I den här handledningen använder vi en textstorlek på 12 pt och en ledande av 16 pt. Ett baslinjenät med 8 punkter, vilket är hälften av ledningen, ger flexibilitet eftersom vi även kan använda den för mindre textstorlekar.


Steg 6: Ändra den grundläggande styckeformen

Gå till paletten för styckeformat och ändra stilen på den grundläggande paragrafen. Jag har använt FF Meta Book Roman med en storlek på 12 pt och en ledande på 16 pt. Du kan också lämna ledningen i autoinställningen eftersom vårt baslinje räknar med att all text är snyggt inriktad.


Steg 7: Anpassning

Gå till Indents and Spacing och sätt justeringen till vänsterjustering. På webben är det snyggt att motivera text nästan omöjligt att uppnå, men InDesign gör det väldigt enkelt att göra. Ändra också inställningen Justera till galler till Alla linjer, och lägg till 16 punkter i mellanslag efter en punkt. Det här är inte nödvändigt och du kan också använda första raden för att skilja avsnitten.


Steg 8: Nedbrytning

Hyphenation är mycket viktigt för motiverad text. Det bryter upp långa ord i slutet av en kolumn så att kolumnen har en rak kant istället för att innehålla en stor mängd luckor. Standardinställningarna i InDesign behöver justeras för att förbättra utseendet på vår kroppstext. Jag ändrar inställningarna för att bara använda bindning för ord med minst 6 bokstäver, och efter de första och före de sista 3 bokstäverna. Hänvisningsgränsen anger hur många rader i rad kan ha en bindestreck i slutet. Jag tror att 3 är alltför många och högst 1 ser mycket bättre ut. Vidare bör du avaktivera kryssrutorna för aktiverade ord och sista ord.


Steg 9: Motivering

Som standard är rättighetsinställningarna lite förlorade. Ange ordavståndet till minst 85% och maximalt till 105%. På så sätt har orden inte stora eller små luckor mellan dem. För brevavstånd ställer du in minsta till -2% och maximalt till 2%. Detta förbättrar motiveringen mycket. Du kan också experimentera med glyph skalning om det behövs.


Steg 10: Textfärg

Jag använder vit som färg för texten på grund av den mörka bakgrunden. Välj vad som är bäst, men håll texten läsbar.


Steg 11: Textkolumner

Öppna textramalternativen med högerklicka på textramen och ändra kolumnerna till ett antal 2 med en 3 mm rännan. På detta sätt minskas linjelängden och läsbarheten ökar.


Steg 12: Rubrik

För rubriken vill vi använda en större textstorlek på 42 pt och ett negativt spårvärde på -50 för att minska avståndet mellan bokstäverna. Rubriker kan ofta dra nytta av spårjustering.


Steg 13: Spänn kolumner

En ny funktion i InDesign CS5 är möjligheten att en paragraf spänner över kolumnerna. Vi ska använda det här för att göra rubriken spänd över både kolumnerna i textramen. Ställ in paragraflayouten i spanskolumner och spänn till alla.


Steg 14: Rubrikjusteringar

På grund av spårningsjusteringen berörs bokstäverna "r" och "t" nu varandra. Det här är något du vill undvika i allmänhet. För att lösa detta har jag satt kanten till 75 mellan bokstäverna som skapar tillräckligt med utrymme för att skilja dem.


Steg 15: Justering av optisk marginal

Det sista du vill göra är en liten inställning i InDesigns Story-palett: Optisk marginaljustering. Detta trycker på bindestreck, citattecken och breda tecken som W och A utanför textramen. Detta ökar utseendet på kanterna. Klicka på textramen, aktivera optisk marginaljustering och ställ in värdet för din storlek på kroppstexten.


Slutsats

Du har nu skapat en enkel, men välbalanserad sida med bra typografi och användning av vitt utrymme. Du har grundläggande förutsättningar för en konsekvent magasinlayout.