Cum spațiul alb poate transforma layout-urile Adobe InDesign

Ce veți crea

Mai puțin este mai mult atunci când vine vorba de proiectarea layouts! Vă uităm la modul în care încorporarea mai multor spații albe în layout-urile InDesign poate aduce o mare importanță muncii dvs., luându-vă designul de la aglomerat și agitat până la raționalizare și lustruire într-o clipă. 

În acest tutorial, veți învăța cum să creați un fluturaș simplă pe două fețe în Adobe InDesign, să creați o rețea simplă pentru hrănirea în text și imagini și să fiți economiști cu plasarea elementelor dvs. pentru a crea un design contemporan și calm.

Ce este "spațiul alb" și de ce ar trebui să-l folosesc??

Spațiul alb este termenul dat spațiului gol într-un aspect. Nu trebuie să fie chiar alb, și poate include și spațiu negativ, care este spațiul dintre două elemente de pe pagină. Ceea ce este semnificativ în ceea ce privește spațiul alb este faptul că este lipsit de elemente - niciun text sau imagini nu umple spațiul - și, ca rezultat, este calmant și plăcut pentru ochi și poate contribui la crearea unei compoziții echilibrate.

Poate fi tentant să umpleți paginile dvs. InDesign la margine cu text, imagini, forme și culori. În special, dacă dvs. sau clientul dvs. ați neglijat modificarea conținutului pentru un fluturaș, o broșură sau un afiș, de exemplu, puteți ajunge la un aspect care nu arata tot ceea ce este atrăgător. 

În acest caz, este probabil că problema principală este lipsa spațiului alb în aspect. Aceasta poate include o lipsă a spațiului alb standard, cum ar fi margini sau jgheaburi de coloană, pe care probabil că nu le-ați făcut suficient de generos. Poate include și lipsa spațiului alb aplicat strategic pe corpul principal al planului.

Să ne uităm la un exemplu. O fermă portocalie fictivă, Fermele Oli, dorește să producă un fluturaș cu două pagini, cu o singură pagină, destinat potențialilor distribuitori locali. Prima parte ar trebui să afișeze un logo și o adresă, iar partea din spate ar trebui să afișeze mai multe informații despre fermă și produsele sale. 

Uitați-vă la aceste două planuri diferite pentru partea inversă a fluturașului. Primul aspect are un spațiu alb foarte mic: marginile și jgheaburile sunt înguste și aproape fiecare parte a paginii este umplută cu text, imagini sau elemente colorate. 

S-ar putea să nu credeți că pare îngrozitor, dar apoi aruncați o privire la acest aspect revizuit. Acest aspect folosește bine spațiul alb, lărgind marginile și jgheaburile coloanei și plasând în mod strategic mai mici secțiuni de text în diferite poziții verticale ale paginii. 

Acest aspect poate conține mai puține informații, dar este mult mai probabil să găsiți informațiile relevante mai rapid și mai ușor, spre deosebire de aspectul anterior al aspectului. Deoarece acesta este un fluturaș promoțional, conceput pentru a atrage atenția unui distribuitor potențial, este mai important ca designul să prezinte doar informațiile esențiale și să ofere cititorului o bună impresie despre marca companiei. 

Puneți unul lângă celălalt, este, de asemenea, clar că aspectul din dreapta este mai ușor pentru procesarea ochiului. Spațiul alb mărit permite Fermele Oli adresați-vă în partea dreaptă sus a respirației și faceți ca secțiunile separate de text, fiecare sub propria lor culoare, să pară mai egale și mai ordonate. Imaginile frunzelor portocalii și portocalii felii devin tot mai proeminente și artistice.

Să trecem acum prin pașii de creare a fluturașului din InDesign, punând accentul pe spațiul alb al aspectului.

1. Pregătiți o Grilă pentru Flyer

Crearea unei rețele cu trei coloane vă oferă o flexibilitate foarte mare pentru a vă juca cu plasarea textului și a imaginilor în aspectul dvs..

Pasul 1

Deschis InDesign și du-te la Fișier> Nou> Document. 

În Document nou fereastră setați scop la Imprimare, sus Număr de pagini la 2 și Debifați Pagini care se confruntă.

Sub Mărimea paginii, Selectați Personalizat…  din meniul derulant pentru a deschide Dimensiunea paginii personalizate fereastră. 

Pasul 2

Tip Flyer 8.5x11 în Nume casetă de text. Tip 8,5 in în Lăţime caseta de text și 11 in în Înălţime casetă de text. Dacă preferințele dvs. sunt setate la milimetri, InDesign va converti această valoare la 215.9 mm cu 279.4 mm. 

Clic Adăuga și apoi O.K pentru a reveni la Document nou fereastră.

Pasul 3

Sub coloane, Seteaza Numar de coloane la 3 și să crească Jgheab latime la 9 mm.

Seteaza Margini pe toate părțile 15 mm, și da fluturașului a 3 mm Lățime Bleed tot drumul.

Clic O.K pentru a crea noul document. 

Pasul 4

Navigați până la Pagina 2 a documentului. Acesta va fi inversul fluturii.

Asigurați-vă că riglele sunt vizibile (Fereastră> Afișare rigle), apoi de la rigla de sus faceți clic și trageți în jos un ghid orizontal spre Poziția Y 26 mm. Trageți o secundă până la 79 mm, și trageți în final un al treilea ghid până la 163 mm

Acestea vor marca pozițiile pentru anteturile coloanelor de text de pe verso-ul flyer-ului.

2. Ridicați culoarea din selecția imaginilor

Acum că ați pregătit grila, puteți începe să vă gândiți la crearea unei palete de culori pentru design. Vrem ca fluturașul să pară distractiv și optimist, deci să ridicăm o paletă de culori însorite din aceste imagini dintr-o frunză portocalie portocalie și portocalie.

Pasul 1

Descărcați cele trei imagini de pe link-urile PhotoDune enumerate mai sus, apoi reveniți la InDesign.

Navigați până la Pagina 2 a documentului, partea inversă a fluturașului.

Selectează Instrument cadru dreptunghi (F) și să creați un nou cadru de imagine square-ish, aproximativ 90 mm în lățime și înălțime. Mergi la Fișier> Locul și selectați fotografia jumătății portocalii. Selectați Deschis și aranjați imaginea proporțional în cadru. 

Poziționați în partea stângă a paginii, după cum se arată.

Selectează Instrument cadru dreptunghi (F) din nou și trageți de această dată pentru a crea un cadru mai dreptunghiular cu o lățime puțin mai lungă. Fișier> Locul și selectați imaginea celor trei frunze portocalii și faceți clic pe Deschis. Poziționați în partea dreaptă jos a paginii, permițând ca partea inferioară a frunzelor să traverseze marginea paginii.

Pasul 2

Selectează Instrumentul pentru picioare (I) de la Unelte panou și treceți peste imaginea jumătății de portocaliu. Faceți clic o dată pe segmentele fructelor pentru a ridica un pigment portocaliu din imagine.

Deschide Specimene panou (Fereastră> Culoare> Swatches) și selectați Noul Color Swatch ... de la Specimene panoul de meniu derulant (accesibil din colțul din dreapta sus al panoului). 

Specimenul RGB preluat de instrumentul Eyedropper a apărut automat. Ajustează mod la CMYK, clic Adăuga pentru a le publica Specimene panou, apoi faceți clic pe O.K.

Luați Instrumentul pentru picioare (I) din nou, și treceți peste o parte galbenă a fotografiei portocalii, pentru a ridica o culoare mai aurie și mai auriu. Repetați din nou procesul de mai sus, selectând Noul Color Swatch ... de la Specimene panou meniu derulant. 

Când ați adăugat acest al doilea eșantion, reveniți la documentul dvs. și ridicați oa treia culoare din imaginea frunzelor portocalii, o nuanță verde. Adăugați la Specimene folosind aceeași metodă.

Acum aveți trei noi machete CMYK în dvs. Specimene panou: portocaliu, galben / auriu și verde.

3. Alegerea tipurilor de text și crearea elementelor personalizate

Pentru acest aspect de fluturaș, vom folosi, în principal, un font clasic de serif, Goudy Old Style Std

Dar putem folosi și un font mai jucaus pentru a adăuga câteva elemente decorative, vopsite în designul nostru de fluturași.

Pasul 1

Descărcați fontul gratuit, Câmpia Brushstroke, instalați-l și apoi reveniți la InDesign.

Încă mai rămân Pagina 2 din documentul dvs., selectați Instrumentul tip (T) și creați un nou cadru de text. Plasați cursorul de tip în cadru și setați Font la Câmpia Brushstroke. 

Deschide hieroglifă panou (Fereastră> Tipuri și tabele> Glife) pentru a vedea setul complet de caractere disponibile în Câmpia Brushstroke font.

Selectează 'I' glisați și faceți dublu clic pe pictograma din panou pentru ao introduce în cadrul dvs. de text. Până la dimensiunea textului la o dimensiune mare, cum ar fi 200 pt.

Pasul 2

Cu cadrul de text selectat, mergeți la Tip> Creați contururi pentru a transforma 'I' într-o formă editabilă. Rotiți forma astfel încât să fie orizontală (Control-Faceți clic pe [Mac OS] sau faceți clic dreapta pe [PC]> Transformați> Rotiți 90 de grade CW) și de a reduce lățimea și de a crește înălțimea formei, astfel încât să apară mai mult ghemuit.

Ajustează Umpleți culoarea a formei la umbra ta portocalie nou creată. Cu forma selectată, mergeți la Obiect> Efecte> Transparență și reducerea Opacitate la 80%. Clic O.K

Plasați forma în prima, coloana din stânga a paginii (pe Pagina 2), sprijinind partea superioară a formei de ghidajul inferior.

Pasul 3

Selectați forma și Editați> Copiere, Editare> Lipire, mișcarea celei de-a doua forme, astfel încât să se afle deasupra părții superioare a primului cu puțină suprapunere. Nu-ți face griji pentru a face să pară prea perfectă; vrei ca forma să arate cam întâmplător.

Selectați ambele forme împreună și Editați> Copiere și Editați> Lipire de două ori. Setați una din perechi în specimenul dvs. galben și poziția în coloana a doua, sprijinind marginea superioară față de cel de-al doilea ghid al paginii.

Setați a treia pereche de forme în specimenul verde și poziționați-o spre partea de sus a celei de-a treia coloane, sprijinind ghidajul superior.

Pasul 4

Am pus bazele pentru inversarea flutorului. Acum, hai să ne îndreptăm atenția către partea din față a pliantului. Să ne uităm la modul de a crea acest design simplu de logo, care va echilibra cu spațiul alb pe aspectul frontal pentru a crea un aspect echilibrat, frumos.

Navigați până la Pagina 1 din documentul dvs. Selectează Instrumentul tip (T) și trageți pentru a crea un cadru de text pătrat 100 mm în diametru. Introdu un capital 'O' și setați Font la Pensulă netedă, Dimensiune 150 pt si Culoare font la modelul dvs. CMYK portocaliu.

Poziționați centralizat Pagina 1. Transformați litera într-o formă (Tip> Creare contururi) și întindeți forma astfel încât să fie un pic mai larg și să fie în picioare.

Luați Instrument cadru dreptunghi (T) și trageți pentru a crea un cadru de imagine mic poziționat chiar în partea de sus a 'O' formă. Fișier> Locul, și selectați imaginea portocaliu pe care ați descărcat-o mai devreme. Clic Deschis

Măriți imaginea în cadru, astfel încât numai ramura portocaliei să apară în cadrul imaginii. Poziția este indicată mai jos.

4. Construieste un text cu putinta!

Acum putem începe să introducem textul pe flyerul nostru. Dar să ținem cont de faptul că textul trebuie să fie economisit, astfel încât nu mai pot fi utilizate mai mult de 200 de cuvinte pe acest fluturaș. Atunci când vă creați propriile machete promoționale, încercați să vă limitați la includerea în principal a informațiilor esențiale și păstrarea propozițiilor scurte și dulci.

Pasul 1

Deschide straturi panou (Fereastră> Straturi). Faceți dublu clic pe implicit Stratul 1 numele și redenumiți stratul Culoare și imagini. Clic O.K și apoi Blocare stratul.

Apasă pe Creați un nou strat pictograma pătrat din partea dreaptă jos a ferestrei straturi pentru a crea un nou strat secund. Redenumiți stratul ca 'Tipografie' și faceți clic pe numele stratului din panou pentru al activa.

Pasul 2

Rămâi în continuare Pagina 1 din documentul dvs., navigați până la colțul din stânga sus al paginii. Selectează Instrumentul tip (T) și trageți pentru a crea un cadru text de o coloană în lățime. Poziționați-o în partea de sus a primei coloane, lăsând-o strâns între marginea superioară și cea stângă.

Introduceți următoarele în cadrul textului (adaptarea adresei la adresa preferată, dacă doriți):

Fermele Oli

Calea 1

California

STATELE UNITE ALE AMERICII'

Seteaza Font din tot textul Goudy Old Style Std Normal, Toate Capacele, Dimensiune la 13 pt, Conducere la 18 pt și Urmărirea la 100

Acum evidențiați doar numele companiei, "Fermele Oli", și a face Font un pic mai mare, 19 pt, și trageți afară 'Oli' în Îndrăzneţ. Ajustează Conducere din linia de mai jos la 30 pt pentru a crea o anumită distanță între numele companiei și adresa.

Acum, selectați Instrumentul pentru linii (\) de la Unelte panou și, exploatație Schimb, trageți de la stânga la dreapta pentru a crea o linie dreaptă 60 mm în Lungime. Seteaza Culoarea accidentului la specimenul CMYK galben și la Greutatea accidentală la 0,35 mm. Poziționați linia între sediul firmei și adresa, așezând marginea din stânga pe marginea din stânga.

Pasul 3

Creați un al doilea cadru de text mai larg, utilizând Instrumentul tip (T), și poziționați-l sub centrul 'O' siglă. Tip "Fermele Oli" și setați Font la Goudy Old Style Std Normal, Toate Capacele, Dimensiune la 40 pt și să crească Urmărirea la 100

A sublinia 'Oli', ca și înainte, și a intrat în Îndrăzneţ.

Selectează Instrumentul pentru linii (\) din nou și să creați o linie orizontală 60 mm în Lungime. Seteaza Culoarea accidentului la martorul dvs. portocaliu CMYK și la Greutatea accidentală la 0,5 mm.

Asta este partea din față a flyer-ului finalizată - o lucrare grozavă! Nu fi tentat să adăugați nimic mai mult la aspect. Doar să lăsăm acea minunată întindere a spațiului alb să vorbească ...

Pasul 4

Să ne mișcăm Pagina 2 din documentul dvs., pentru a termina lucrul pe verso-ul flyerului.

Selectează Instrumentul tip (T) și creați un cadru text scurt lățimea unei coloane. Introduceți o rubrică cu patru litere în cadrul de text, cum ar fi 'Zest', și setați Font la Goudy Old Style Std Normal, Dimensiune 50 pt, Align Center și Culoare font la [Hârtie].

Așezați cadrul text peste partea superioară a formei vopselei portocalii în prima coloană din stânga, după cum se arată mai jos.

Selectați cadrul textului și Editați> Copiere, Editare> Lipire de două ori, editarea fiecărui cadru text pentru a citi un alt cuvânt scurt. Aici m-am folosit 'DRAGOSTE' și 'GUST'. Poziționați fiecare în partea de sus a formei de vopsea galbenă și verde în coloanele a doua și a treia a paginii.

Pasul 5

Creați un nou cadru de text utilizând funcția Instrumentul tip (T) lățimea unei coloane și aproximativ 65 mm în Înălţime. Poziționați în prima, coloana din stânga, chiar dedesubtul 'Zest' rubrică.

Aici puteți începe să introduceți câteva paragrafe de text (restricționați-vă strict la doar câteva paragrafe!), Setând Font la Goudy Old Style Std Normal, Dimensiune la 11 pt, și Conducere la 15 pt

Evidențiați doar primul paragraf și setați textul la Îndrăzneţ, și scoateți prima literă într-un Scoateți capacul (editați acest lucru din Caracteristici de formatare a caracterelor panou care rulează de-a lungul vârfului ecranului) și un specimen portocaliu de potrivire.

Măriți Prima liniuță din stânga al doilea paragraf la 2.

Pasul 6

Selectați cadrul de text creat în etapa anterioară și Editați> Copiere, Editare> Lipire. Poziționați în a doua coloană, sub a doua rubrică, 'DRAGOSTE'.

Ajustați conținutul textului și ajustați culoarea Scoateți capacul la galben.

Editați> Copiere și Editați> Lipire acest cadru de text pentru a crea oa treia coloană de text și poziția în a treia coloana din dreapta, sub titlul final, 'GUST'. Ajustați conținutul textului și Scoateți capaculculoarea verde.

Dacă adăugați informații de contact în această parte a pliantului, plasați-l în a treia coloană de text și setați textul în verde și în Bold Italic.

Buna treaba! Ați terminat aspectul invers al fluturii dvs. și arată fabulos. Ambele fețe ale fluturii dvs. sunt pregătite pentru verificarea și exportul în PDF, gata pentru tipărire. 

Prin lipirea unei rețele simple și limitarea cantității de text și a altor elemente de aspect, ați creat un design care arată curat, lustruit și profesionist. Citiți mai jos pentru un rezumat al modului de aplicare a spațiului alb în schemele dvs. InDesign.

Sugestii pentru aplicarea spațiului alb în layout-urile dvs.

După cum am văzut în cursul acestui tutorial, spațiul alb poate îmbunătăți cu adevărat lizibilitatea și calitatea estetică generală a modelelor de aspect. Țineți cont de aceste sfaturi pentru a vă crea propriile planuri minime în InDesign:

  • Planificați o grilă simplă pentru aspectul dvs. și diviza aspectul în secțiuni definite. Acest lucru vă va permite să alocați mai clar zonele pentru plasarea textului și a imaginilor și să definiți zonele pentru promovarea spațiului alb.
  • Mai puțin este întotdeauna mai mult. Editați textul în jos și păstrați-vă imaginile în jos până la câteva selectate.
  • Creați echilibru în aspectul dvs. pentru a vă menține ușor pe ochi. Echilibrați zonele aglomerate ale planului, poziționându-le în spații mai clare sau complet goale.
  • Fii jucăuș cu spațiu alb. Experimentați cu fundaluri colorate sau cu spațiu negativ jucăuș pentru a crea iluzii optice. Spațiul alb nu trebuie să fie plictisitor - să găsească modalități de ao aduce la viață!