Hvordan hvitt plass kan transformere Adobe InDesign Layouts

Hva du skal skape

Mindre er mer når det gjelder utforming av oppsett! Vi tar en titt på hvordan innlemming av mer hvit plass i InDesign-layoutene dine kan gjøre en stor forskjell for arbeidet ditt, og ta designene fra overfylte og masete til strømlinjeformet og polert på et øyeblikk. 

I denne opplæringen lærer du hvordan du lager en enkel tosidig flyer i Adobe InDesign, opprett et enkelt nett for innmating i tekst og bilder, og vær sparsommelig med å plassere elementene dine for å skape en moderne, beroligende design.

Hva er 'White Space' og hvorfor skal jeg bruke den?

Hvitt mellomrom er begrepet gitt til det tomme rommet på et oppsett. Det trenger ikke engang å være hvit, og det kan også inkludere negativ plass, som er mellomrom mellom to elementer på siden. Det som er viktig med hvitt mellomrom er at den er fri for elementer - ingen tekst eller bilder fyller plassen - og som et resultat det er beroligende og behagelig for øyet, og kan bidra til å skape en balansert sammensetning.

Det kan være fristende å fylle InDesign-sidene dine til overflaten med tekst, bilder, former og farger. Spesielt hvis du eller din klient har forsømt å redigere innholdet for en flyger, brosjyre eller plakat, for eksempel, kan du ende opp med et oppsett som ikke ser alt som tiltalende. 

Hvis dette er tilfelle, er det sannsynligvis at hovedproblemet er mangel på hvitt plass på oppsettet. Dette kan inkludere mangel på standard hvitt rom, som marginer eller kolonnekanter, som du kanskje ikke har gjort sjenerøs nok. Det kan også inkludere mangel på strategisk brukt hvit plass på hoveddelen av oppsettet.

La oss se på et eksempel. En fiktiv oransje gård, Oli gårder, ønsker å produsere en tosidig, en-siders flyer rettet mot potensielle lokale distributører. Den første siden skal vise en logo og adresse, og baksiden skal vise mer informasjon om gården og dens produkter. 

Ta en titt på disse to forskjellige layoutene på baksiden av flyer. Det første oppsettet har svært lite hvitt mellomrom: kantene og rennene er smale, og nesten alle deler av siden er fylt med tekst, bilder eller fargede elementer. 

Du kan ikke tro at det ser så forferdelig ut, men ta en titt på dette reviderte oppsettet. Denne utformingen gjør god bruk av hvitt rom, utvider margene og kolonneganger, og plasserer strategisk mindre seksjoner av tekst i forskjellige vertikale posisjoner på siden. 

Denne utformingen kan inneholde mindre informasjon, men det er mer sannsynlig at du vil finne relevant informasjon raskere og enkelt, i motsetning til det forrige layoutdesignet. Siden dette er en reklameblad som er utformet for å fange oppmerksomheten til en potensiell distributør, er det viktigere for designet å presentere kun viktig informasjon og gi leseren et godt inntrykk av bedriftens merkevare. 

Sett side ved side, det er også klart at høyre layout er lettere for øyet å behandle. Den økte hvite plassen tillater det Oli gårder adresse øverst til høyre for å puste, og gjør de separate seksjonene av teksten, hver under sin egen fargekodede overskrift, mer likeverdige og bestilt. Bildene av de skivede oransje og oransje blader blir også mer fremtredende og kunstneriske.

La oss nå gå gjennom trinnene for å lage flyer i InDesign, og legg vekt på den hvite plassen på layoutet.

1. Forbered et rutenett for flygebladet

Å lage et tre-kolonne rutenett gir deg stor fleksibilitet til å leke med plassering av tekst og bilder på layoutet ditt.

Trinn 1

Åpen InDesign og gå til Fil> Nytt> Dokument. 

I Nytt dokument Vinduet satte Intent til Skrive ut, opp Antall sider til 2 og Fjern merket for Facing Pages.

Under Sidestørrelse, å velge Tilpasset…  fra rullegardinmenyen for å åpne Tilpasset sidestørrelse vindu. 

Steg 2

Type Flyer 8.5x11 inn i det Navn tekstboks. Type 8,5 tommer inn i det Bredde tekstboks og 11 i inn i det Høyde tekstboks. Hvis innstillingene dine er satt til millimeter, konverterer InDesign dette til 215,9 mm med 279,4 mm. 

Klikk Legg til og så OK å gå tilbake til Nytt dokument vindu.

Trinn 3

Under kolonner, sett Antall kolonner til 3 og øke Grøft bredde til 9 mm.

Sett marginene på alle sider til 15 mm, og gi flyer a 3 mm Bredde Bleed hele veien rundt.

Klikk OK for å lage ditt nye dokument. 

Trinn 4

Naviger ned til Side 2 av dokumentet. Dette vil være omvendt av flygebladet.

Kontroller at linjalene er synlige (Vindu> Vis linjaler), Deretter klikker du fra topplinjen og drar ned en horisontal guide til Y posisjon 26 mm. Dra et sekund ned til 79 mm, og til slutt dra en tredje guide ned til 163 mm

Disse vil markere posisjonene for tekst kolonneoverskriftene på baksiden av flygebladet.

2. Løft farge fra ditt utvalg av bilder

Nå som du har laget nettverket ditt, kan du begynne å tenke på å lage en fargepalett for designen. Vi vil at flygebladet skal se morsomt og optimistisk ut, så la oss løfte en solfylt palett av farger fra disse bildene av oransje, oransje halv og oransje blader.

Trinn 1

Last ned de tre bildene fra PhotoDune-koblingene som er oppført ovenfor, og gå deretter tilbake til InDesign.

Naviger ned til Side 2 av dokumentet, omvendt av flyer.

Velg Rektangelrammeverktøy (F) og lag en ny firkantet bilderamme om 90 mm i bredde og høyde. Gå til Fil> Plass og velg bildet av halvorange. Å velge Åpen og ordne bildet proporsjonalt i rammen. 

Plasser på venstre side av siden, som vist.

Velg Rektangelrammeverktøy (F) igjen, og denne gangen drar du for å skape en mer rektangulær ramme med litt lengre bredde. Fil> Plass og velg bildet av de tre oransje bladene, og klikk Åpen. Plasser nederst til høyre på siden, slik at bunnen av bladene krysser kanten av siden.

Steg 2

Velg Eyedropper Tool (I) fra Verktøy panel og svinger over bildet av halvorange. Klikk en gang på fruktsegmentene for å løfte et oransje pigment fra bildet.

Åpne fargeprøver panel (Vindue> Farge> Svampe) og velg Ny fargekvoter ... fra fargeprøver panelets rullegardinmeny (tilgjengelig fra øverste høyre hjørne av panelet). 

RGB-fargeprøven plukket opp av Eyedropper Tool har automatisk oppstått. Juster Modus til CMYK, klikk Legg til å annonsere den til fargeprøver panelet, og klikk deretter OK.

Ta Eyedropper Tool (I) igjen og svinge over en yellower del av det oransje bildet for å hente en blekere, mer gylden farge. Gjenta prosessen over igjen ved å velge Ny fargekvoter ... fra fargeprøver panelets rullegardinmeny. 

Når du har lagt til denne andre swatch, går du tilbake til dokumentet og henter en tredje farge fra bildet av oransje blader, en grønn fargetone. Legg til i fargeprøver panel med samme metode.

Du har nå tre nye CMYK-stifter i din fargeprøver panel: en oransje, en gul / gull og en grønn.

3. Velge skrifttyper og opprette egendefinerte elementer

For denne flyeroppsettet skal vi hovedsakelig bruke en klassisk serif font, Goudy Old Style Std

Men vi kan også bruke en mer lekfull skrift for å legge til noen flere dekorative, malingslignende elementer til vår flygerdesign.

Trinn 1

Last ned gratis skrift, Brushstroke Plain, installer den, og kom tilbake til InDesign.

Fortsatt gjenværende på Side 2 av dokumentet ditt, velg Typeverktøy (T) og lag en ny tekstramme. Plasser typemarkøren i rammen, og sett inn Font til Brushstroke Plain. 

Åpne glyphs panel (Vindu> Type og tabeller> Glyfer) for å se hele settet av tegn tilgjengelig for deg i Brushstroke Plain font.

Velg 'JEG' glyph og dobbeltklikk på ikonet i panelet for å sette det inn i tekstrammen. Opp tekststørrelsen til en stor størrelse, som 200 pt.

Steg 2

Med tekstrammen valgt, gå til Skriv> Opprett oversikter å forvandle 'JEG' inn i en redigerbar form. Vri formen slik at den ligger horisontal (Kontroll-Klikk [Mac OS] eller Høyreklikk [PC]> Transform> Roter 90 grader CW) og reduser bredden og øk høyden på formen slik at den ser mer ut.

Juster Fyll farge av formen til din nyopprettede oransje nyanse. Med den valgte formen, gå til Objekt> Effekter> Gjennomsiktighet og redusere opacity til 80%. Klikk OK

Plasser formen i den første, venstre kolonne på siden (på Side 2), hviler toppen av formen mot den nedre styringen.

Trinn 3

Velg formen og Rediger> Kopier, Rediger> Lim inn, Flytter den andre formen slik at den sitter over toppen av den første med litt overlapping. Ikke bekymre deg for at det ser for perfekt ut; du vil at formen skal se litt tilfeldig ut.

Velg begge fasene sammen, og Rediger> Kopier og Rediger> Lim inn to ganger. Sett ett av parene i den gule fargeprøven og posisjonen i den andre kolonnen, hviler øverste kanten mot den andre føreren nedover siden.

Sett det tredje paret i den grønne prøven og plasser mot toppen av den tredje kolonnen, hviler mot topplederen.

Trinn 4

Vi har lagt grunnlaget for omvendt av flygebladet. La oss nå flytte fokuset til fronten av flygebladet. La oss se på hvordan du lager denne enkle logoen, som vil balansere med den hvite plassen på forsiden, for å skape et balansert, vakkert utseende.

Naviger opp til Side 1 av dokumentet ditt. Velg Typeverktøy (T) og dra for å lage en firkantet tekstramme om 100 mm i diameter. Skriv inn en kapital 'O' og sett Font til Brushstroke Plain, Størrelse 150 pt og Skriftfarge til din oransje CMYK-prøveprøve.

Plasser sentralt på Side 1. Konverter brevet til en form (Type> Lag omriss) og strekk formen slik at den er litt bredere og tettere.

Ta Rektangelrammeverktøy (T) og dra for å lage en liten bilderamme plassert bare øverst på 'O' form. Fil> Plass, og velg bildet av oransjen du lastet ned tidligere. Klikk Åpen

Forstørre bildet i rammen, så bare stengelen til oransje vises i bildestammen. Plasser som vist nedenfor.

4. Bygg opp tekst sparsomt!

Nå kan vi begynne å presentere tekst på vår flyer. Men la oss huske på at teksten må være sparsom, så det kan ikke brukes mer enn 200 ord på denne flyer. Når du lager dine egne markedsføringsoppsett, kan du prøve å begrense deg til å inkludere hovedsakelig viktig informasjon og holde setningene korte og søte.

Trinn 1

Åpne lag panel (Vindu> Lag). Dobbeltklikk på standardinnstillingen Lag 1 navn og gi nytt navn til laget Farge og bilder. Klikk OK og så Låse laget.

Klikk på Lag nytt lag firkantet ikon nederst til høyre på lag panel for å lage et nytt, andre lag. Gi nytt navn til laget som 'Typografi' og klikk lagets navn i panelet for å aktivere det.

Steg 2

Gjenværende på Side 1 av dokumentet ditt, naviger opp til øverste venstre hjørne av siden. Velg Typeverktøy (T) og dra for å lage en liten tekstramme en kolonne i bredde. Plasser øverst i den første kolonnen, hviler det tett mellom de øverste og venstre kantene.

Skriv inn følgende i tekstrammen (tilpasse adressen til ønsket adresse, hvis du vil):

'Oli gårder

Rute 1

California

USA'

Sett Font av all tekst til Goudy Old Style Std Regular, Alle Caps, Størrelse til 13 pt, ledende til 18 pt og sporing til 100

Fremhev bare navnet på virksomheten, 'Oli Farms', og gjør Font litt større, 19 pt, og trekke ut 'Oli' i Modig. Juster ledende av linjen under til 30 pt å skape litt avstand mellom firmanavnet og adressen.

Velg nå Linjeverktøy (\) fra Verktøy panel og holde Skifte, dra fra venstre til høyre for å lage en rett linje om 60 mm i Lengde. Sett Stroke Color til den gule CMYK-prøven, og Stroke Weight til 0,35 mm. Plasser linjen for å sitte mellom firmanavnet og adressen, hviler venstre kant på venstre marg.

Trinn 3

Lag en andre, bredere tekstramme ved hjelp av Typeverktøy (T), og plasser den under det sentrale 'O' logo. Type 'Oli Farms' og sett Font til Goudy Old Style Std Regular, Alle Caps, Størrelse til 40 pt og øke sporing til 100

Fremheve 'Oli', som før, og sett inn Modig.

Velg Linjeverktøy (\) igjen og opprett en horisontal linje 60 mm i Lengde. Sett Stroke Color til din oransje CMYK swatch og Stroke Weight til 0,5 mm.

Det er fronten av flygebladet fullført, godt arbeid! Ikke vær fristet til å legge til noe mer i oppsettet. Bare la den nydelige utbredelsen av det hvite rommet gjøre det snakkes ...

Trinn 4

La oss flytte ned til Side 2 av dokumentet ditt, for å fullføre arbeid på baksiden av flygebladet.

Velg Typeverktøy (T) og lag en kort tekstramme bredden på en kolonne. Skriv inn en fire bokstaver i tekstrammen, for eksempel 'ZEST', og sett Font til Goudy Old Style Std Regular, Størrelse 50 pt, Juster senter og Skriftfarge til [Papir].

Plasser tekstrammen over toppen av de oransje malingsformene i første, venstre kolonne, som vist nedenfor.

Velg tekstrammen og Rediger> Kopier, Rediger> Lim inn to ganger, redigering av hver tekstramme for å lese et annet kort ord. Her har jeg brukt 'KJÆRLIGHET' og 'SMAK'. Plasser hver over toppen av de gule og grønne malingsformene i den andre og tredje kolonnen på siden.

Trinn 5

Lag en ny tekstramme ved hjelp av Typeverktøy (T) bredden på en kolonne og ca. 65 mm i Høyde. Plasser i den første, venstre kolonne, like under 'ZEST' overskrift.

Her kan du begynne å skrive inn et par stykker tekst (vær streng - begrenset deg til bare noen få avsnitt!), Setter du inn Font til Goudy Old Style Std Regular, Størrelse til 11 pt, og ledende til 15 pt

Merk først det første avsnittet og sett teksten til Modig, og trekk ut det første bokstaven i a Drop Cap (rediger dette fra Tegnformateringskontroller panelet kjører langs toppen av skjermen) og en matchende oransje fargeprøve.

Øk Første linje venstre innrykk i annet ledd til 2.

Trinn 6

Velg tekstrammen du opprettet i forrige trinn, og Rediger> Kopier, Rediger> Lim inn. Plasser i den andre kolonnen under den andre overskriften, 'KJÆRLIGHET'.

Juster innholdet i teksten, og juster fargen på Drop Cap å gult.

Rediger> Kopier og Rediger> Lim inn denne teksten rammen for å lage en tredje kolonne med tekst, og posisjon i den tredje, høyre kolonnen, under den endelige overskriften, 'SMAK'. Juster tekstinnholdet og Drop Capfargen til grønn.

Hvis du legger til kontaktinformasjon på denne delen av flygeren, plasserer du den i den tredje kolonnen med tekst, og setter teksten i grønt og i Fet kursiv.

Flott arbeid! Du er ferdig med omvendt layout av flyer, og det ser fabelaktig ut. Begge sider av flyer er klare for korrektur og eksport til PDF, klar til utskrift. 

Ved å stikke til et enkelt grid og begrense mengden tekst og andre elementer på oppsettet, har du opprettet et design som ser rent, polert og profesjonelt ut. Les videre for et sammendrag av hvordan du bruker hvit plass til InDesign-oppsettene dine.

Tips for å bruke hvitt rom til dine layouter

Som vi har sett i løpet av denne opplæringen, kan den hvite plassen virkelig forbedre lesbarheten og den generelle estetiske kvaliteten på layoutdesignene dine. Vær oppmerksom på disse tipsene for å lage dine egne minimale layouter i InDesign:

  • Planlegg et enkelt nett for oppsettet ditt og del opp oppsettet i definerte seksjoner. Dette vil gi deg klarere å tildele områder for plassering av tekst og bilder, og definere områder for å fremme hvitt rom.
  • Mindre er alltid mer. Rediger teksten din ned og hold bildene dine ned til et fåtall.
  • Opprett balanse i oppsettet ditt for å holde det lett på øyet. Balansere opptatt områder av oppsettet ved å plassere dem motsatte klarere eller helt tomme områder.
  • Vær leken med hvit plass. Eksperimenter med farget bakgrunn, eller med lekfull negativ plass for å skape optiske illusjoner. Hvit plass trenger ikke å være kjedelig - finne måter å bringe det til liv!