Hur White Space kan omvandla dina Adobe InDesign-layouter

Vad du ska skapa

Mindre är mer när det gäller att utforma layouter! Vi tar en titt på hur integrering av mer blankutrymme i dina InDesign-layouter kan göra en stor skillnad för ditt arbete, och ta dina mönster från trångt och noga till strömlinjeformat och polerat på ett ögonblick. 

I den här handledningen lär du dig hur du skapar en enkel dubbelsidig flygblad i Adobe InDesign, skapa ett enkelt rutnät för matning i text och bilder, och vara skonsam med att placera dina element för att skapa en modern, lugnande design.

Vad är "White Space" och varför ska jag använda den?

Vitt utrymme är termen som ges till det tomma utrymmet på en layout. Det behöver inte ens vara vit, och det kan också innehålla negativt utrymme, vilket är utrymmet mellan två element på sidan. Vad som är viktigt om det vita utrymmet är att det är fritt från element, ingen text eller bilder fyller utrymmet - och som ett resultat är det lugnande och glädjande för ögat och kan bidra till att skapa en balanserad komposition.

Det kan vara frestande att fylla dina InDesign-sidor i brädan med text, bilder, former och färger. Särskilt om du eller din klient har försummat att redigera ner innehållet för en flygblad, broschyr eller affisch, kan du till exempel sluta med en layout som inte ser ut som det tilltalande. 

Om så är fallet är det troligt att huvudproblemet är bristen på vitt utrymme på layouten. Det kan innebära brist på standardvitt utrymme, som marginaler eller kolonnrännor, som du kanske inte har gjort generösa nog. Det kan också innehålla bristen på strategiskt tillämpat vitt utrymme på huvuddelen av layouten.

Låt oss titta på ett exempel. En fiktiv apelsin gård, Oli Farms, vill producera en tvåsidig, ensidig flygblad riktad mot potentiella lokala distributörer. Den första sidan ska visa en logotyp och en adress, och på baksidan ska det finnas mer information om gården och dess produkter. 

Ta en titt på dessa två olika layouter för omvänd sida av flygbladet. Den första layouten har mycket lite vitt utrymme: marginalerna och takrenorna är smala och nästan alla delar av sidan är fyllda med text, bilder eller färgade element. 

Du kanske inte tycker att det ser så hemskt ut, men ta en titt på denna reviderade layout. I denna layout utnyttjas vitt utrymme, breddar marginalerna och kolumnrännorna och lägger strategiskt mindre delar av texten i olika vertikala positioner på sidan. 

Denna layout kan innehålla mindre information, men det är troligare att du hittar den relevanta informationen snabbare och lättare, i motsats till den tidigare layoutdesignen. Eftersom det här är en reklamblad som är utformad för att fånga upp en potentiell distributörs uppmärksamhet, är det viktigare för designen att presentera endast den väsentlig informationen och ge läsaren ett bra intryck av företagets varumärke. 

Lägg ihop sida vid sida, det är också klart att den högra layouten är lättare för ögat att bearbeta. Det ökade vita utrymmet tillåter Oli Farms adress högst upp till höger om att andas och gör de separata delarna av texten, var och en under sin egen färgkodade rubrik, mer lika och beställda. Bilderna på skivad apelsin och apelsinbladen blir också mer framträdande och konstnärliga.

Låt oss nu gå igenom stegen för att skapa flygbladet i InDesign, med tonvikt på det vita utrymmet på layouten.

1. Förbered ett rutnät för flygbladet

Skapa ett tre-kolonnnät ger dig mycket flexibilitet att spela runt med placering av text och bilder på din layout.

Steg 1

Öppna InDesign och gå till Arkiv> Nytt> Dokument. 

I Nytt dokument fönster ställer in Avsikt till Skriva ut, upp Antal sidor till 2 och Avmarkera Facing Pages.

Under Sidstorlek, Välj Beställnings…  från rullgardinsmenyn för att öppna Anpassad sidformat fönster. 

Steg 2

Typ Flyer 8.5x11 in i namn textruta. Typ 8,5 tum in i Bredd textrutan och 11 in in i Höjd textruta. Om dina inställningar är inställda på millimeter konverterar InDesign detta till 215,9 mm med 279,4 mm. 

Klick Lägg till och då ok att återvända till Nytt dokument fönster.

Steg 3

Under kolumner, ställa in Antal kolumner till 3 och öka Ränna bredd till 9 mm.

Ställ in marginaler på alla sidor till 15 mm, och ge flygbladet a 3 mm Bredd Bleed hela vägen.

Klick ok för att skapa ditt nya dokument. 

Steg 4

Navigera ner till Sida 2 av dokumentet. Detta kommer att vara omvänden av flygbladet.

Se till att linjalerna är synliga (Fönster> Visa linjaler), Klicka sedan på topplinjen och dra ner en horisontell guide till Y-position 26 mm. Dra en sekund ner till 79 mm, och slutligen dra en tredje guide ner till 163 mm

Dessa markerar positionerna för textkolumnhuvudena på baksidan av flygbladet.

2. Lyft färg från ditt urval av bilder

Nu när du har förberett ditt rutnät, kan du börja tänka på att skapa en färgpalett för designen. Vi vill att flygbladet ska se roligt och optimistiskt ut, så låt oss lyfta en solig palett av färger från dessa bilder av apelsin, apelsinhalv och apelsinblad.

Steg 1

Hämta de tre bilderna från de bilddynamiska länkarna som anges ovan och återvänd sedan till InDesign.

Navigera ner till Sida 2 av dokumentet, omvänd sida av flygbladet.

Välj Rektangelramverktyg (F) och skapa en ny kvadratisk bildram, omkring 90 mm i bredd och höjd. Gå till Arkiv> Plats och välj fotot på halvorange. Välj Öppna och arrangera bilden proportionellt i ramen. 

Placera på vänster sida av sidan, som visas.

Välj Rektangelramverktyg (F) igen och denna gång dra för att skapa en mer rektangulär ram med en något längre bredd. Arkiv> Plats och välj bilden av de tre apelsinbladen och klicka Öppna. Placera längst ned till höger på sidan, så att bladets botten passerar kanten på sidan.

Steg 2

Välj Eyedropper Tool (I) från Verktyg panelen och sväva över bilden av halv orange. Klicka en gång på segmenten av frukten för att lyfta ett apelsinpigment från bilden.

Öppna rutor~~POS=HEADCOMP panel (Fönster> Färg> Färgämnen) och välj Ny färgfärg ... från rutor~~POS=HEADCOMP panelens rullgardinsmeny (tillgänglig från panelens övre högra hörn). 

RGB-korrigeringsfilen som tagits upp av Eyedropper Tool har automatiskt dykt upp. Justera Läge till CMYK, klick Lägg till att annonsera den till rutor~~POS=HEADCOMP panelen och klicka sedan på ok.

Ta Eyedropper Tool (I) igen och sväva över en yellower del av det orange fotoet för att plocka upp en blekare, mer gyllene färg. Upprepa processen ovan igen, välj Ny färgfärg ... från rutor~~POS=HEADCOMP panelens rullgardinsmeny. 

När du har lagt till den andra korrigeringsfilen, återvänd till dokumentet och hämta en tredje färg från bilden av apelsinblad, en grön nyans. Lägg till i rutor~~POS=HEADCOMP panelen med samma metod.

Du har nu tre nya CMYK-korrigeringar i din rutor~~POS=HEADCOMP panel: en orange, en gul / guld och en grön.

3. Välja typsnitt och skapa anpassade element

För denna flygplan layout, kommer vi övervägande att använda en klassisk serif typsnitt, Goudy Old Style Std

Men vi kan också använda en mer lekfull typsnitt för att lägga till några mer dekorativa, färgliknande element till vår flygbladdesign.

Steg 1

Ladda ner den fria teckensnittet, Brushstroke Plain, installera det och återvänd sedan till InDesign.

Återstår kvar på Sida 2 av ditt dokument, välj Typverktyg (T) och skapa en ny textram. Placera din typmarkör i ramen och ställ in Font till Brushstroke Plain. 

Öppna glyfer panel (Fönster> Typ & Tabeller> Glyfer) för att visa den fullständiga uppsättningen tecken som är tillgängliga för dig i Brushstroke Plain font.

Välj 'JAG' glyph och dubbelklicka på ikonen i panelen för att infoga den i din textram. Upp textstorleken till en stor storlek, som 200 pt.

Steg 2

Med den markerade textramen, gå till Skriv> Skapa konturer att transformera 'JAG' in i en redigerbar form. Vrid formen så att den ligger horisontellt (Kontroll-klicka [Mac OS] eller Högerklicka [PC]> Transformera> Rotera 90 grader CW) och minska bredden och öka höjden på formen så att den blir mer squat.

Justera Fyllnadsfärg av formen till din nyskapade orange nyans. Med den valda formen, gå till Objekt> Effekter> Genomskinlighet och minska Opacitet till 80%. Klick ok

Placera formen i den första vänstra kolumnen på sidan (på Sida 2), vilande av toppen av formen mot den nedre styrningen.

Steg 3

Välj form och Redigera> Kopiera, Redigera> Klistra in, Flytta den andra formen så att den sitter över toppen av den första med lite överlappning. Oroa dig inte om att det ser för perfekt ut; du vill att formen ska se lite slumpmässig ut.

Välj båda formerna tillsammans och Redigera> Kopiera och Redigera> Klistra in dubbelt. Ställ in ett av paren i din gula färgpatch och position i den andra kolumnen och vila övre kanten mot den andra styrningen nedåt på sidan.

Ställ in det tredje paret i den gröna swatchen och ställ den mot toppen av den tredje kolumnen och vila mot den övre styrningen.

Steg 4

Vi har lagt grunden för omvänden av flygbladet. Låt oss nu flytta fokusen till flygbladets framsida. Låt oss titta på hur man skapar den här enkla logotypdesignen, som balanserar med det vita utrymmet på den främre layouten för att skapa ett balanserat, vackert utseende.

Navigera upp till Sida 1 av ditt dokument. Välj Typverktyg (T) och dra för att skapa en fyrkantig textram om 100 mm i diameter. Skriv en huvudstad 'O' och ställa in Font till Brushstroke Plain, Storlek 150 pt och den Fontfärg till din orange CMYK-prövning.

Placera centralt på Sida 1. Konvertera brevet till en form (Typ> Skapa översikter) och sträck formen så att den är lite bredare och håligare.

Ta Rektangelramverktyg (T) och dra för att skapa en liten bildram placerad precis ovanför 'O' form. Arkiv> Plats, och välj bilden av orange du hämtade tidigare. Klick Öppna

Förstora bilden i ramen, så visas bara orangefärgets stam i bildramen. Placera som visas nedan.

4. Bygg upp text sparsamt!

Nu kan vi börja presentera text på vår flygblad. Men låt oss komma ihåg att texten måste vara sparsam, så det går inte att använda mer än 200 ord totalt på denna flygblad. När du skapar egna kampanjlayouter, försök att begränsa dig till att inkludera huvudsakligen viktig information och hålla dina meningar korta och söta.

Steg 1

Öppna Skikten panel (Fönster> Lager). Dubbelklicka på standardvärdet Layer 1 namnge och byt namn på skiktet Färg och bilder. Klick ok och då Låsa skiktet.

Klicka på Skapa nytt lager fyrkantig ikon längst ner till höger om Skikten panelen för att skapa ett nytt, andra lager. Byt namn på skiktet som 'Typografi' och klicka på lagets namn i panelen för att aktivera det.

Steg 2

Återstår på Sida 1 av ditt dokument, navigera upp till det övre vänstra hörnet av sidan. Välj Typverktyg (T) och dra för att skapa en liten textram en bredd i en kolumn. Placera längst upp i den första kolumnen, vila den snävt mellan de övre och vänstra marginalerna.

Skriv följande i textramen (anpassa adressen till din önskade adress, om du vill):

'Oli Farms

Rutt 1

kalifornien

USA'

Ställ in Font av all text till Goudy Old Style Std Regular, alla kepsar, storlek till 13 pt, Ledande till 18 pt och spårning till 100

Markera nu bara företagets namn, "Oli Farms", och gör Font lite större, 19 pt, och dra ut 'Oli' i Djärv. Justera Ledande av raden nedan till 30 pt för att skapa ett visst avstånd mellan företagsnamn och adress.

Välj nu Linjeverktyg (\) från Verktyg panel och håller Flytta, dra från vänster till höger för att skapa en rak linje om 60 mm i Längd. Ställ in Stroke Color till den gula CMYK swatchen, och Slagvikt till 0,35 mm. Placera linjen för att sitta mellan företagsnamnet och adressen, vila vänstra kanten på vänstra marginalen.

Steg 3

Skapa en andra, bredare textram med hjälp av Typverktyg (T), och placera den under centralen 'O' logotyp. Typ "Oli Farms" och ställa in Font till Goudy Old Style Std Regular, alla kepsar, storlek till 40 pt och öka spårning till 100

Markera 'Oli', som tidigare och sätta i Djärv.

Välj Linjeverktyg (\) igen och skapa en horisontell linje 60 mm i Längd. Ställ in Stroke Color till din orange CMYK swatch och Slagvikt till 0,5 mm.

Det är framsidan av flygbladet färdigt, bra jobb! Låt dig inte frestas att lägga till något mer i layouten. Låt bara den ljuva utrymmet av det vita utrymmet prata ...

Steg 4

Låt oss gå ner till Sida 2 av ditt dokument, för att slutföra arbetet på baksidan av flygbladet.

Välj Typverktyg (T) och skapa en kort textram bredden på en kolumn. Skriv ett fyrbordsrubrik i textramen, till exempel 'KRYDDA', och ställa in Font till Goudy Old Style Std Regular, Storlek 50 pt, Justera Center och Fontfärg till [Papper].

Placera textramen överst i de orangefärgade färgerna i den första vänstra kolumnen, som visas nedan.

Välj textramen och Redigera> Kopiera, Redigera> Klistra in två gånger, redigering av varje textram för att läsa ett annat kort ord. Här har jag använt 'KÄRLEK' och 'SMAK'. Placera vardera över toppen av de gula och gröna färgliknande formerna i den andra och tredje kolumnen på sidan.

Steg 5

Skapa en ny textram med hjälp av Typverktyg (T) bredden på en kolumn och ca 65 mm i Höjd. Placera i första, vänstra kolumnen, strax under 'KRYDDA' rubrik.

Här kan du börja skriva in ett par stycken text (var strängt - begränsa dig till bara några stycken!), Ställer du in Font till Goudy Old Style Std Regular, Storlek till 11 pt, och Ledande till 15 pt

Markera först första stycket och sätt texten till Djärv, och dra ut första bokstaven i a Drop Cap (redigera det här från Teckenformateringskontroller panelen springer längst upp på skärmen) och en matchande orange prövning.

Öka Första raden vänster indent i andra stycket till 2.

Steg 6

Markera den textram du skapade i föregående steg och Redigera> Kopiera, Redigera> Klistra in. Placera i den andra kolumnen under den andra rubriken, 'KÄRLEK'.

Justera innehållet i texten och justera färgen på Drop Cap till gult.

Redigera> Kopiera och Redigera> Klistra in denna textram för att skapa en tredje kolumn med text och placera i tredje, högra kolumnen, under sista rubriken, 'SMAK'. Justera textinnehållet och Drop Caps färg till grön.

Om du lägger till kontaktinformation på den här delen av flygbladet placerar du den i den tredje kolumnen av text och ställer texten i grönt och i Fet kursiv.

Bra jobbat! Du har avslutat omvänd layout av din flygblad, och det ser fantastiskt ut. Bägge sidorna av din flygblad är redo för korrektur och export till PDF, redo för utskrift. 

Genom att hålla fast vid ett enkelt galler och begränsa mängden text och andra element på layouten har du skapat en design som ser rent, polerat och professionellt ut. Läs vidare för en sammanfattning av hur du applicerar vitt utrymme i dina InDesign-layouter.

Tips för att applicera White Space till dina layouter

Som vi har sett under denna handledning kan det vita utrymmet verkligen förbättra läsbarheten och den övergripande estetiska kvaliteten på dina layoutdesigner. Håll dessa tips i åtanke för att skapa egna minimala layouter i InDesign:

  • Planera ett enkelt rutnät för din layout och dela upp layouten i definierade avsnitt. På det här sättet kan du tydligare tilldela områden för placering av text och bilder och definiera områden för att främja vitt utrymme.
  • Mindre är alltid mer. Redigera din text ner och håll dina bilder nere till ett fåtal.
  • Skapa balans i din layout för att hålla det lätt på ögat. Balansera upptagna områden i layouten genom att placera dem motsatta tydligare eller helt tomma områden.
  • Var lekfull med vitt utrymme. Experimentera med färgade bakgrunder, eller med lekfullt negativt utrymme för att skapa optiska illusioner. Vitt utrymme behöver inte vara tråkigt - hitta sätt att få det till liv!