Na začetku eno vprašanje: Zakaj so nekatere postavitve tako lepo urejene, pri nekaterih pa pomislimo: "Je oblikovalec pil ali kaj se tukaj dogaja?" Želim raziskati to zadevo, saj je seveda razlika, ali oblikovalec uporablja učinkovito postavitveno mrežo ali ne. In to bo osrednja tema te vadbe: postavitvena mreža.
Najprej bom obravnaval teoretične osnove, nato pa predpostavil, da nam je bilo naročeno, da ustvarimo štirisrčno brošuro za stranko. In gremo še korak dlje: od ideje v glavi, prek odločitve, katero postavitveno mrežo bomo uporabili, do zaključka, v katerem bomo seveda našo postavitev ustrezno zapolnili z uporabo postavitvene mreže.
Da boste že na začetku videli nekaj zanimivega, vam bom pokazal, kam ciljamo. Tukaj je štirisrčna brošura, ki jo imam na ločenem nivoju. Sprednja stran, zadnja stran …
… in dve notranji strani za fiktivno transportno podjetje: "fiktivni prevoz, vozimo povsod," je moto. Točno to želimo ustvariti skupaj.
Temelji: Satni spekter, Stege, Osnovno vodilo, Stolpci mreže
Zdaj pa se posvetimo nekoliko bolj suhoparnim teorijam: Ko delamo na straneh, vedno imamo določene gradnike, ki neizogibno sodijo zraven, in predvsem je to naš satni spekter, ta modri okvir tukaj.
Satni spekter označuje tiskalno območje naše strani, to pomeni, da se v osnovi dogaja naša zadeva, in ta je obdana in obkrožena s posameznimi stegi. Ti so tam samo za omejitev.
Imajo tudi imena: glavni steg, zunanji steg, spodnji steg in vezni steg. Vezni steg ima svoje ime z razlogom, saj je vedno usmerjen na vez, zato je tukaj na levi strani usmerjen navznoter.
Pri takih veznojih stegih je treba vedno paziti: Na primer, če morate obdelati zelo debele brošure ali kataloge, morate pri lepljenju upoštevati, da se satni spekter nekoliko zmanjša in vezni steg nekoliko poveča.
Zakaj? Če imamo lepljenje v sredini in se vanj stisne veliko strani, se list papirja ukrivi na tem mestu. In da ne bi besede, črke ali druge elemente požrla, nekoliko zmanjšamo satni spekter, tako da ukrivljenost ne vpliva na besedilo, ki ga postavimo na satni spekter.
Tretji sopotnik na krovu čistega postavljanja je osnovno vodilo. Spremenil bom pogled (klik na ikono z rdečim okvirjem na sliki), kar je mimogrede mogoče tudi s bližnjico W.
Kot osnovno vodilo imenujemo horizontalne črte, ki segajo čez celoten dokument. In za čisto postavitev je to zagotovo prva bistvena in tudi zelo pomembna sestavina za lepo horizontalno poravnavo.
Poleg tega lahko zgornji in spodnji rob besedil, elementov in slik lepo poravnate na te črte. V osnovi lahko rečemo: Osnovno vodilo je vsekakor sestavni del, ki ga ne bi smeli izpustiti.
Zadnji predstavnik, ki vam ga želim predstaviti: Steg mreže, ki jih bom podrobneje pokazal na ločenem dokumentu. Primer morda ni ravno lep, vendar gre za nekaj drugega: Želim vam še enkrat pojasniti, s kakšnimi vrstami mrež lahko delamo.
Na levi vidite na primer klasičen, enostopenjski satni spekter. Pogosto ga najdemo pri romanovih. Tam imamo tudi zelo široke stegne, besedilo bi moralo v eni vrstici vsebovati približno 50 do 70 znakov.
Na desni strani imamo klasičen satni spekter z dvema mrežama. Besedilo se začne zgoraj levo, gre navzdol, skoči v naslednje polje, čez in gre spet dol.
Na naslednji strani: Na levi sem vam prinesel tristopenjski satni spekter. Razlika glede na prejšnji je v tem, da imamo tu t. i. robno mrežo. Morda ste že slišali zanjo: To je stolpec, ki ga najdemo na robu knjige. Ponuja možnost za dodatne informacije, kar pogosto najdemo v strokovnih knjigah. Na desni strani besedilo zaseda oba stolpca (1). Kot lahko vidite, se ni treba držati mreže stolpcev, lahko tudi prelomite in skočite do naslednje omejitve. Na desni se torej dogaja glavna vsebina, medtem ko se na levi v robnem stolpcu ponuja možnost, da tam postavite slike, tabele, faktorske okvire ali dodatne napotke, vire, povzetke, kar koli že.
V primeru na sliki na desni strani imamo mrežo s šestimi stolpci. Tudi tu smo opazili isto kot na levi: Besedilo vedno prekine merilo stolpcev in zajame dva teh stolpcev (2). To je zelo priročno, če želite po potrebi uporabiti samo en stolpec, na primer za postavitev slik ali če želite biti bolj prilagodljivi pri oblikovanju. Tukaj obstaja še ena izjema, to sem postavil spodaj desno (3): Tudi pri postavitvi slik se ni treba vedno držati te mreže. Priljubljeno je tudi, da slike raztegnemo preko stolpcev in jih postavimo kot obrez (3). Popoln trend, ki dejansko izgleda precej dobro in postavljanje zagotovo naredi dinamičnejše, bolj vznemirljivo in zanimivo.
Nasvet: Ločevanje stolpcev z črtami
Mrežo sem začasno izklopil, saj sem jo postavil na drugo raven.
Morda to poznate iz dnevnih časopisov, kjer je kronično primanjkljaj prostora in zato je merilo stolpcev zelo majhno. Če je tudi pri vas tako, lahko uporabite majhen trik:
Vzemite orodje Črta (1), narišite črto (2), uporabite nežno sivo barvo(3) in debelino črte nastavite na 0,5 Pt, da ne bo preveč izstopala. Tako boste med stolpci imeli te omejitvene črte (4), ki bralcu sugerirajo: "Pazi, nov stolpec, novi besedi, desni besedilo morda nima nič skupnega z levo, zato je bolje brati od zgoraj navzdol." Na ta način bralec ne bo kar zdrsnil v stolpec.
Izjema: Knjiga s slikami
Še ena posebnost pri mrežah: Obstaja izjema, ko se pravilo mreži prekliče. Če delate s knjigo s slikami, nikoli ne smete obrezati slik, ker trenutno ne ustrezajo tej mreži. Fotograf ne bo navdušen, če ugotovi, da ste uničili njegovo odlično harmonijo, kompozicijo, ki jo je ustvaril v dolgotrajnem trudu, z enim rezom. Zato pri knjigi s slikami zaradi različnih formatov posnetkov nikoli ne obrežite slik (1: vstavljeno brez obrezovanja; 2: vstavljeno z obrezovanjem, slika je "podrejena" postavitvi).
Nov dokument: Definiranje dimenzij
Zdaj ko imamo osnove obvladane, gremo naprej z vprašanjem, katero mrežo naj izberemo. Da bi nanj odgovorili, se moramo seveda najprej vprašati, kaj sploh želimo zgraditi. Za to sem vam prinesel svoje skice:
Skico sem narisal na papir, svojo predstavo o tem, kako naj na koncu izgleda. In kot veste: Kreativnost se začne v glavi in se nato uresniči. Šele ko sem narisal skico, sem vedel, da želim uporabiti šest-stolpčno mrežo, da bi imel največjo prilagodljivost znotraj dokumenta, da bi postavil slike, postavil besedilo, da bi bilo vse simetrično poravnano z osmi. To bomo naredili v naslednjem koraku.
Ustvarjanje novega dokumenta: Pojdite na Datoteka>Novo>Dokument... Tukaj nastavite Ciljno sredstvo na Tisk, ena stran je za začetek dovolj, pomembno je označiti Dvobojno stran, format A4, Pokončno. Kot Stolpce že nastavite šest stolpcev in se odločite za Razmik med stolpci 5 mm. To bo enak razmik, ki ga boste imeli med vrsticami osnovnega črtnega razmika. A o tem kasneje. To so nastavitve za nov dokument – zdaj pa še k robovom ...
Pravzaprav nimamo pojma, kaj naj vnesemo na koncu. Zato je pomembno, da malo razstavimo in razstavimo dokument, saj moramo določiti robove, te rožnate črte v ozadju.
Za to sem prinesel nekoliko zapleteno, a vseeno učinkovito izračun. Izračunajmo mere za InDesign:
- DIN A4 ima širino 210 mm. Na to moramo dodati 6 stolpcev, vsak s 5 mm razmika. Dodatno moramo dodati še rob in zunanji rob.
- Širina stolpca je določena z 25 mm: 6 stolpcev x 25 mm = 150 mm.
- Tudi 5 razmikov med stolpci po 5 mm: 5 x 5 mm = 25 mm.
- Seštevek: 150 mm + 25 mm = 175 mm.
- 210 mm (širina DIN A4) - 175 mm (vsota naših izračunov) = 35 mm. Te lahko zdaj uporabimo za robove.
- Notranji rob dobi 15 mm, zunanji rob pa 20 mm.
Manjka še zgoraj in spodaj. Tudi tu nam bo majhen izračun v pomoč:
- DIN A4 ima višino 297 mm. Pri enakomerni delitvi po 25 mm dobimo 9 celic v višino.
- 9 celic po 25 mm celotne višine celic daje 225 mm.
- Prav tako 8 razmikov celic po 5 mm: 8 x 5 mm = 40 mm.
- Seštevek: 225 mm + 40 mm = 265 mm.
- 297 mm (višina DIN A4) - 265 mm (vsota naših izračunov) = 32 mm. Te lahko zdaj uporabimo za robove.
- Zgornji rob dobi 15 mm, spodnji rob pa 17 mm.
Se zdi zapleteno, a se res splača: Naredite to enkrat za šeststolpčno mrežo, morda še za petstolpčno mrežo, vse skupaj shranite, in s tem boste imeli dobro osnovo za prilagajanje svojim zahtevam.
Ročaji so torej določeni, zdaj si bomo ogledali še Spremniček za 3 mm (glej sliko na prejšnji strani), saj želimo vse skupaj tudi natisniti. Potrdite z V redu – in imamo nov dokument.
Zgoraj imamo spremembo za 3 mm (rdeča črta ob robu dokumenta), ki je omejitev naše strani, torej format DIN A4 (črna zunanja črta). Tukaj imamo zgornji rob, ki smo ga določili, glavo (roza črta v rdeče obrobljenem območju).
Našli boste začetek pri 12,7 mm. Vendar želimo vzeti 15 mm, zato to spremenimo (1). Poleg tega bomo razdelitev spremenili na korake po 5 mm. Ko pritisnem Tab, se to pretvori v Pt, torej 14,173 Pt (2). Ko to potrdim, izgleda dobro (3).
Na vzorčni strani (1) dodamo vodilne črte. Te nam manjkajo za vodoravno delitev, saj smo do sedaj imeli samo šest stolpcev v mreži.
Za to grem na Postavitev>Ustvari vodilne črte... Tu vnesem devet vodilnih črt, ki jih želimo imeti. Pritisnem Tab in že imamo 5 mm razmak med stolpci. To nam zapolni celoten dokument.
Če ste pri postavitvi pozabili na vertikalne stolpce, lahko to tudi tukaj naredite. Lahko bi šel na 6, potem bi mi jih dodal. Ampak te že imam, zato grem nazaj na 0 in potrdim to.
S tem je moj predlog pripravljen. To shranim enkrat, da imamo vse varno shranjeno in se nanj lahko vedno sklicujemo. Datoteka>Shrani kot... kot predlogo za InDesign CS6.
Polnjenje postavitve z vsebino (sprednja stran)
Sedaj lahko začnemo zapolnjevati dokument. Za to ustvarimo nove strani.
Postopek je prikazan na sliki: 1) kliknite, 2) kliknite in dvakrat 3) kliknite. Ker smo vodilne črte ustvarili na vzorčni strani (4), jih bomo videli tudi na vsaki naslednji strani našega dokumenta in jih ni treba ponovno ustvariti.
Majhno opozorilo: Pojdite na Ogled in preverite, ali sta pod Mreža in vodilne črte označeni možnosti Poravnaj z vodilnimi črtami in Pametne vodilne črte aktivirani. Tako imamo prednost, da se elementi, ki so postavljeni, avtomatsko pripnejo na te vodilne črte, če smo jim blizu.
Zdaj pritisnem Ctrl + D, to je za postavitev slik. Vzemimo tole odlično sliko Eye-catcher tukaj zgoraj.
To potegnem do pasu. Spodaj malo povlečem polje še malo večje (rdeča puščica na sliki). Ko to storite, boste opazili, kako se rob polja vsakič prilega vodilnim črtam, kar je zelo praktično.
Zdaj gremo le z desno tipko miške na sliko in izberemo Prilagodi>Enakomerno zapolnitev okvirja.
Zgoraj in desno imamo tudi rezko. V redu.
Nato bi rad spodaj imel nekakšen podstavek. Za to vzamem orodje (1) in ga potegnem navzgor (2). To napolnim z barvo, ki trenutno ni dodeljena. Zato naredim novo barvno polje (3, 4, 5) s 70-odstotnim črnim (6). Potrdim (7).
S tem sem dobil trak na spodnjem robu (1). In za sprednjo stran sem pomislil, da mora tja vnesti ime. To sem v svoji knjižnici (2) shranil. Enostavno ga potegnem ven (3 do 4).
Polnjenje postavitve z vsebino (zadnja stran)
Leva stran: Tudi tukaj hočemo imeti čudovito, veliko sliko. Ctrl + D... Postavim na dno, vzamem rez in ... V redu, je postavljeno.
Čudovito pri tej sliki je prehod. Imamo nežne sivkaste tone, potem pa gre v belo. Tako nimamo trdih robov nad sliko.
Tudi tukaj na levi zgoraj dodam še enkrat ime podjetja.
Tukaj želim na levi strani dodati še naslov in na desni nekakšno majhno opozorilo: "Vaše prednosti na prvi pogled", da imamo tudi poziv k dejanju.
Torej potegnem polje za besedilo (1), pri tem vzamem dva polja zraven (2) ...
... in vstavite besedilo. Kar vam želim pokazati tukaj, je: Besedilo je poravnano na osnovne vrstice - kot knjige v knjižni omari (1). Medvrstični razmik tukaj dejansko nima neposrednega vpliva, saj je vsaka vrstica posebej poravnana na osnovno vrstico, ki imajo razdaljo 5 mm.
Kako to narediti? Prek Pisava&Absp;Odstavek in kliknite na to ikono (1). Če želim, da se besedilo ne poravnava na osnovne vrstice, preprosto kliknem tukaj (2). Nato velja običajni razmik, v našem primeru 12 Pt. Vrnem nastavitve nazaj (1) in zaprem okno odstavka.
Spodaj dodam še slogan, ki sem ga že pripravil v knjižnici.
Poleg tega bo na levi še karta. Ta se začne pri končni vrstici s telefonsko številko.
V tem primeru se ne držim mreže, saj gre tudi za nekaj optike: Ker prva vrstica z "transportfiktiv GmbH" ne konča zgoraj na osnovni črti, temveč nekoliko nižje, bom tudi okvir za karto poravnal približno tam.
Znova Ctrl + D, sedaj prideta karta.
Zakaj zdaj ne vidimo slike? Okvir je kot neke vrste slikarski okvir, ki je veliko premajhen za sliko, ki je vstavljena vanj.
Če vzamemo v roke, se dejanska slika odpre in že vidimo: Slika je prevelika (1, rjavi okvir). To lahko preprosto popravimo, znova z desnim klikom in nato prek Prilagodi&Absp;Ozadje sorazmerno zapolni.
Zdaj je levo in desno nekoliko odrezano (2), vendar je to zame povsem sprejemljivo. Tudi zgornji rob slike se dobro prilega besedilu (3).
Zdaj dodam še eno besedilno polje poleg naslova. Naslov "transportfiktiv GmbH" kopiram, ga vstavim tja, nato spremenim besedilo: "Vaše prednosti na prvi pogled". Poleg tega: "Prednost 1" do "Prednost 6" (1).
In tega ne želim imeti v Poltrdnem tisku. Za naslov je v redu, vendar želim posamezne navedbe imeti v Običajnem tisku. Zato to označim in nastavim na Običajni tisk (2). To je mimogrede Myriad Pro, to je zelo dobro razvita pisava z veliko rezinami pisave, in zato jo imam rad, saj lahko z njo zelo prilagodljivo delam. Celotno zadevo ponovno označim in nato prek Predmet&Absp;Odstavek poravnam (3).
Seveda bi lahko vse to naredili tudi prek odstavka oblik, vendar to ne sme biti jedro tega vadnice, zato to enostavno izpustim in naredim ročno.
V preglednici sedaj izgleda tako. Opazim: Drugo besedilno polje je morda nekoliko preblizo, zato ga enkrat premaknem desno. In pri seznamu prednosti lahko dodam še take oznake.
S tem bi dejansko oblikovali sprednjo in zadnjo stran. Mimogrede - če se sprašujete, zakaj sem to naredil na dvostranski strani: Seveda imate prav. Običajno bi moral sprednji del biti na prvem (1), vendar sem to naredil za vizualizacijo, da vam lahko bolje pokažem, na kaj ciljam.
Pojdimo na notranje strani. Za to ustvarimo še dve novi strani (2) in ponovno pritisnemo na W.
Zapolnjevanje postavitve z vsebinami (levo notranje)
Imam že konkretno predstavo, zato si oglejmo moje skice: Tukaj imamo slike, besedila, majhen seznam s piktogrami in spodaj še naš logotip. Tako naj bi torej izgledalo.
Znova Ctrl + D in to sliko. To postavim na to mesto ob robu mojega najvišjega stolpca (1). Malo obrezujem (glej puščico na sliki), do tam, da ohranim razdaljo tudi do drugih elementov (2).
Zgoraj na levi vstavimo vabilo, ki je tudi v knjižnici.
Nato postavimo še slike. Za to tokrat uporabim Orodje za pravokotnik (1) in narišem tri slike. Zelene vodilne črte mi že pravijo: "Aha, želiš narisati nekaj, kar je enako veliko kot druga, kajne?" Tako ustvarim tri slike (3, 4, 5).
Na dnu želim imeti enako podnožje kot zgoraj. Torej si kopiram tistega z prve strani s tipkama Strg + C (1) in ga prilepim s klikom desne tipke miške: Uredi>Prilepi na izvirno mesto (2). Potem je tam spodaj kot ulit (3).
Na vrhnji strani druge strani želim nekaj podobnega, le ne tako debelo. Ponovno vzamem obrezovanje. Tu je poudarjena tudi podjetniška barva, da ustvarimo nekaj kontrasta in izpolnimo zahteve po korporativnem oblikovanju.
Sedaj nazaj k pravkar ustvarjenim okvirjem: Strg + D. Vzamem letalo, tovornjak in ladjo, kliknem Odpiranje (1).
Imam vse tri slike v naloženem kazalcu miške (2). Majhno število mi pove, da je v naloženem kazalcu miške tri slike. Če slika, ki jo želim uporabiti, ni na prvem mestu, lahko s puščičnimi tipkami preklapljamo.
Tukaj želim imeti letalo, tukaj tovornjak in tam ladjo. Tudi tu je težava, da so slike prevelike (1). Torej: Označim vse, Prilagodi>Proporcionalno zapolni okvir (2).
Tovornjak bom zdaj tudi horizontalno zrcalil (Objekt>Transformacija>Horizontalno zrcaljenje), saj mi ni všeč, če elementi iz postavitve izstopajo - tam ni nič zanimivega in želimo usmeriti pogled bralca. Poskrbimo, da se vse lepo pogleda v oblikovanje. Tudi ladjo še horizontalno zrcalimo.
Spodaj levo še vstavimo logotip iz knjižnice (ni prikazano na sliki).
Sedaj vstavim besedila (1). Zato povlečem besedilno polje na to mesto pod uvodom, ponovno vzamem Myriad Pro in napišem: "Vse logistične storitve na enem mestu".
Opazimo, da vrsta ni na osnovnem črtovnem mreži (2). Zato označim celotno besedilo in ga poravnam preko Pisava>Odstavek z dvoklikom na ta simbol (3).
Zdaj pritisnem tipko Enter v besedilnem polju. S tem mi izpusti eno vrstico (1). To je zato, ker imamo tukaj zgoraj razmik vrstic 14,4 Pt (2) in vrstice so 5 mm narazen. To pomeni, da je razmik med vrsticami prevelik. Prikazujem skrite znake (Pisava>Pokaži skrite znake). Zdaj še enkrat pritisnem tipko Enter in tako izpusti eno vrstico (1).
Da to preprečim, enostavno zmanjšam razmik vrstic na 12 Pt (3).
Pisava>Z namišljenim besedilom napolni (4). In naslov še postavim na poltrdnost pisma Semibold (5). Tako izgleda dobro, naj bi bilo opis letalskega tovora.
Besedilno polje kopiram (Strg + C) in ga ponovno vstavim pod tovornjakom. Z Alt in pritisnjeno Shift-tipko ustvarim dvojnik in ga premaknem desno pod ladjo. Dokler držim Shift , mi polje besedila ne more uiti.
Zdaj je leva stran dovolj zaključena.
Zapolnitev postavitve z vsebino (desna notranja stran)
Nadaljujem na desni strani. Izgleda podobno: S pritisnjeno tipko Alt-ustvarim dvojnik besedila, ga premaknem na to mesto (1), ne na rob, ampak tja (2), in povečam polje za malenkost (3).
Spodaj naj bodo faktor-škatle. En okvir narišem (1) in ga napolnim z barvo (2). Nato ustvarim dve njegovi kopiji (3).
Te škatle se uporabljajo na primer za opis rasti, tako da vanje vstavite letnice, prometne številke ali koliko ladij je lani ladjarstvo potopilo … V besedilno polje dodam še nekaj besedila (4).
Desno dodam še piktograme, zato najprej narišem tri okvirje (1). Označim jih, ustvarim dvojnike z držanjem tipk Alt- in Shift-ter jih premaknem navzdol (2). Med njimi pustim dve prazni polji (3).
Z Strg + Dpridobim AI-datoteke (4). To so piktogrami na vektorski osnovi.
Razlika v primerjavi s slikami na pikselski osnovi je v tem, da vektorske slike temeljijo na matematičnih formulah in jih zato lahko preprosto poljubno povečujemo, kar pri slikah na pikselski osnovi ni mogoče. S puščicami izberem pravo sliko in jo postavim v pripravljene okvirje (5).
Tudi piktogrami so spet preveliki za okvirje, zato označim vse in izberem Prilagodi ter tokrat Prilagodi vsebino sorazmerno. Izgleda odlično.
Ti trije gledajo iz postavitve (1), zato bodo horizontalno zrcaljeni, da bodo gledali v postavitev (2). Vedno pazite, da boste pri spajanju pazili, če so na slikah besedila - ta bodo pri zrcaljenju postala neberljiva in vaše zrcaljenje bo opazno.
Sedaj dodajmo še majhna opisna besedila (3), pri čemer vedno vzamemo dve celici oblikovalne mreže.
Zdaj sem spremenil poravnavo besedila v desno, da bi poudaril povezanost s piktogrami.
Končni izgled je tak. Zgoraj imamo še enkrat barvo, vse slike so postavljene, besedila prav tako, na dnu se spet prikaže podstavek, poleg tega so še okvirji z dejstvi ...
In vidite: To je lahkotnost oblikovalne mreže. Vse je zdaj resnično šlo hitro, ker smo si preprosto vnaprej vzeli čas za oblikovanje take oblikovalne mreže.
Tako celo "transportnost" izgleda dobro, ne glede na to, koliko zabojnikov so izgubili med prevozom iz Nove Zelandije v Ameriko. Ni važno. Vidite: Oblikovalne mreže se zagotovo splačajo. Res vam jih toplo priporočam.
In če zdaj na koncu postavimo na novo raven naš skica in zmanjšamo prosojnost, boste videli, da smo pri ustvarjanju idej zelo blizu končnemu načrtu in da nam je oblikovalna mreža pri tem pomagala.
V tem smislu: Veselim se vaših komentarjev, napišite kaj, če vam je kaj všeč, če vam kaj ni všeč, pohvala ali graja - z zanimanjem pričakujem vaše povratne informacije in upam, da ste si lahko kaj odnesli. Preprosto poskusite sami.
Vaš Stefan
