Aluksi kysymys: Miksi jotkut ulkoasut ovat vain niin kauniita katsella ja toisten osalta mietit: "Onko suunnittelija juonut vai mitä siellä tapahtuu?" Haluan tutkia tätä asiaa perinpohjaisesti, koska on tietenkin eroa siinä, työskenteleekö ulkoasusuunnittelija älykkäästi ja käyttääkö asetteluruudukkoa vai ei. Ja tämä tulee olemaan tämän koulutuksen ydinkysymys: asetteluruudukko.
Aluksi käyn läpi teoreettiset perusteet, sitten oletan, että voimme luoda nelisivuisen taittolehtisen asiakkaan pyynnöstä. Ja menemme vielä askeleen pidemmälle: ideasta päätökseen, minkä asetteluruudukon valitsemme, aina loppuun asti, jossa tietysti haluamme täyttää ulkoasumme sopivasti asetteluruudukolla.
Jotta saisitte heti alussa jotain mielenkiintoista katsottavaa, näytän saman tien, minne olemme menossa. Tässä nelisivuinen taittolehtinen, jonka olen asettanut erilliselle tasolle. Etusivu, takasivu...
... sekä kaksi sisäsivua kuvitteelliselle kuljetusyritykselle: "kuvitteellinenkuljetus, me ajamme minne tahansa", siinä on mottona. Se on tarkoitus luoda yhdessä.
Perusteet: Asetteluruutu, marginaalit, peruslinjaruudukko, rastersarakkeet
Mutta keskitymme aluksi hieman kuivakkaisiin teorioihin: Kun työskentelemme sivujen kanssa, meillä on aina tiettyjä rakennuspalikoita, jotka ovat välttämättömiä, ja ensimmäisenä tietenkin on asetteluruutumme, tämä sininen laatikko tässä.
Astelutusruutu merkitsee tulostettavaa aluetta sivullamme, eli siellä periaatteessa kaikki tärkein tapahtuu ja se on ympäröity ja kehystetty yksittäisillä marginaaleilla. Ne ovat vain rajoittamista varten.
Niillä on myös nimet: ylämarginaali, ulkomarginaali, alamarginaali ja sidemarginaali. Sidemarginaali pitää nimensä oikeutetusti, koska se on aina reunassa, siksi se on tässä vasemmalla puolella suuntautunut sisäänpäin.
Tällaisissa sidemarginaaleissa on aina pidettävä hieman huomiota: Jos esimerkiksi joudut käsittelemään todella paksuja esitteitä tai katalogeja, sinun tulisi liimasidoksen tapauksessa huomioida, että tässä asetteluruudukkoa hieman pienennetään ja sidemarginaalia hieman levennetään.
Miksi? Jos meillä on liimasidos keskellä ja paljon sivuja puristetaan sisään, sivuaines taipuu tällä kohdalla. Ja jotta mitään sanoja, kirjaimia tai muita elementtejä ei nielisi, pienennämme hieman asetteluruutua, jotta taipuma ei vaikuta siihen tekstin, jonka olemme asetteluruutuun sijoittaneet.
Kolmantena puhtaassa ulkoasussa meidän joukossamme on peruslinjaruudukko. Muutan näkymää hieman (Napsautus kuvassa punaisesti kehystettyä kuvaketta), tämä on muutennistu myös pikanäppäimellä W.
Peruslinjaruudukolla tarkoitetaan vaakasuoria linjoja, jotka ulottuvat vaakasuunnassa koko asiakirjan yli. Ja siistin suunnittelun kannalta tämä on ehdottomasti ensimmäinen olennainen ja sen mukaisesti tärkeä osa kaunista vaakasuoraa linjausta.
Lisäksi tekstien, elementtien ja kuvien ylä- ja alareunan voi helposti linjata näiden linjojen kanssa. Periaatteessa voi sanoa: Peruslinjaruudukko on ehdottomasti osa, josta ei kannata tinkiä.
Viimeinen esittelemäni osa tässä seurueessa puhtaaseen ulkoasuun on rastersarakkeet, joita esittelen tarkemmin erillisessä asiakirjassa. Esimerkki ei nyt ole aivan kaunis, mutta kyse on kuitenkin jostain muusta: haluan teidän ymmärtävän, millaisten ruudukoiden kanssa me voimme työskennellä.
Vasemmalla näet esimerkiksi klassisen, yksisarakkeisen asetteluruudun. Sitä näemme hyvin usein romaaneissa. Siellä on myös hyvin, hyvin leveät marginaalit, tekstin tulisi mahtua noin 50–70 merkkiä per rivi.
Oikealla puolella meillä on klassinen asetteluruutu kahdella ruudukolla. Teksti alkaa vasemmalta ylhäältä, kulkee alas, hypähtää seuraavaan kenttään, ylöspäin ja kääntyy alaspäin uudelleen.
Seuraavalla sivulla: Vasemmalla olen tuonut teille kolmeruutuisen asetteluruudun. Erotus edelliseen on siinä, että tässä meillä on ns. marginaaliruutu. Olette ehkä kuulleet siitä: Se on sarakkeisto, joka löytyy kirjan ulkoreunasta. Se tarjoaa mahdollisuuden lisätietoihin. Tätä löytyy usein tietokirjoista. Oikealla puolella teksti vie molemmat sarakkeet (1). Näette, että ei tarvitse noudattaa rastersarakkeita, vaan voi murtaa ja hypätä seuraavaan rajaan. Oikealla musiikki soi, kun vasemmalla marginaaliruudussa on mahdollisuus sijoittaa esimerkiksi kuvia, taulukoita, faktalaatikoita tai täydentäviä vihjeitä, lähdeviittauksia, yhteenvedoja, mitä tahansa.
Oikealla puolella olevassa esimerkkikuvassa meillä on kuusiruutuinen rastersarake. Täällä meillä on sama kuin vasemmalla havaittiin: Teksti murtaa aina sarakkeen ja vie kaksi näistä rastersarakkeista (2). Se on erittäin kätevää, kun tarvitaan käyttää tarvittaessa vain yhtä saraketta, jos esimerkiksi haluaa sijoittaa kuvia tai olla muuten joustavampi suunnittelussa. Täällä on vielä yksi poikkeus, olen sijoittanut sen oikeaan alakulmaan (3): Et aina tarvitse noudattaa tätä rastaria kuvien sijoituksessa. On myös täysin trendikästä, että kuvat vedetään rastersarakon yli ja sijoitetaan ikään kuin leikkauspisteeksi (3). Täysin trendikästä, näyttää myös todella hyvältä ja se tekee asettelusta ehdottomasti dynaamisemman, jännittävämmän ja mielenkiintoisemman.
Vinkki: Sarakkeet erottaa viivoilla
Ruudukon piilotan, olen asettanut sen toiselle tasolle.
Kenties tunnette tämän päivälehtien sivuilta, joissa vallitsee jatkuva tilanpuute ja sarakkeet pidetään hyvin kapeina. Jos teillä on sama tilanne, voitte hyödyntää pientä kikkaa:
Otatte Viivatyökalun (1), piirrätte viivan (2), valitsette vaaleanharmaan (3) ja 0,5 pisteen viivaleveyden, jotta se ei erottuisi kovin voimakkaasti. Näin saatte sarakkeiden väliin rajoittavia viivoja (4), jotka viestivät lukijalle: "Varoitus, uusi sarake, uusia sanoja, oikean tekstin ei välttämättä tarvitse liittyä vasemman tekstin kanssa, joten on parempi lukea ylhäältä alas." Näin lukija ei eksy sarakkeeseen.
Poikkeus: Kuvakirja
Eräs erikoisuus ruudukoissa vielä: On yksi poikkeus, jossa ruudukon sääntöjä rikotaan. Jos työskentelette kuvakirjan parissa, älkää missään nimessä leikatko kuvia, koska ne eivät mahdu nykyiseen ruudukkoon. Valokuvaaja ei ilahtuisi, jos hän huomaisi, että olette tuhoamassa hänen hienoa harmoniaansa, kompositiotaan, jonka hän on luonut huolellisesti pikkutarkasti. Joten kuvakirjassa erilaisten kuvausmuotojen vuoksi älkää leikatko kuvia (1: ilman leikkausta lisätty; 2: leikattu, kuva alistuu asettelulle).
Uusi asiakirja: Määritä mitat
Olemme käyneet perusasiat läpi ja jatkamme kysymyksellä, minkä ruudukon valitsemme. Vastataksemme tähän on ensin mietittävä, mitä aiomme oikein rakentaa. Tämän vuoksi olen tuonut mukanani luonnokseni:
Olen piirtänyt luonnokseni paperille, oman käsitykseni siitä, millaiselta lopputuloksen tulisi näyttää. Ja kuten tiedätte: Luovuus alkaa päästä ja sitten se toteutetaan. Vasta luonnokseni luomisen jälkeen tajusin: Haluan käyttää kuuden sarakkeen ruudukkoa, jotta minulla olisi mahdollisimman paljon joustavuutta asiakirjassa kuvien ja tekstien sijoittamiseen, jotta kaikki olisi symmetrisesti linja-akseleiden mukaan. Tämä on myös seuraava askel, jonka teemme.
Luo uusi asiakirja: Menemällä Tiedosto>Uusi>Asiakirja… Tässä asetan Tavoitevälineen valinnaksi Paino, yksi sivu on ensin hyväksyttävä, merkitse Kaksoissivu on tärkeää, A4-muoto, Mutta Sarakkeissa ilmoitan jo haluavani kuusi saraketta ja valitsen Sarakkeiden välin 5 mm. Tämä on sama väli, jonka haluan perustekstiruudun rivien väliksi. Mutta siitä myöhemmin. Nämä ovat siis uuden asiakirjan asetukset - mutta vielä reunoihin…
Emme oikeastaan tiedä, mitä lopuksi syötämme. Siksi on tärkeää, että palaamme ja puramme asiakirjan hieman, koska reunat, nuo vaaleanpunaiset viivat taustalla, täytyy määrittää jollain tavalla.
Siksi olen tuonut mukanani vähän sekavan, mutta silti tehokkaan laskukaavan. Mitat laskemista varten InDesignissa:
- DIN A4:n leveys on 210 mm. Siihen on 6 saraketta, joiden väli on 5 mm kumpaankin suuntaan. Lisäksi reunuksia ja ulkokantta.
- Sarakkeen leveys on määritelty 25 mm:ksi: 6 saraketta x 25 mm = 150 mm.
- Lisäksi 5 sarakkeen väliä, joissa on 5 mm väliä: 5 x 5 mm = 25 mm.
- Laskutoimitus: 150 mm + 25 mm = 175 mm.
- 210 mm (DIN A4:n leveys) - 175 mm (laskelmiemme summa) = 35 mm. Nämä voidaan nyt käyttää reunuksiin.
- Bund- eli vinoaskelma saa 15 mm ja ulkoreuna 20 mm.
Ylhäällä ja alhaalla puuttuu vielä. Myös tähän auttaa pieni laskutoimitus:
- DIN A4:n korkeus on 297 mm. Samojen 25 mm osioiden jakautumisen yhteydessä korkeudessa on 9 solua.
- 9 solua, joiden korkeus on 25 mm, tekevät yhteensä 225 mm.
- Lisäksi 8 solun väliä, joissa on 5 mm väli: 8 x 5 mm = 40 mm.
- Laskutoimitus: 225 mm + 40 mm = 265 mm.
- 297 mm (DIN A4:n korkeus) - 265 mm (laskelmiemme summa) = 32 mm. Nämä voidaan nyt käyttää reunuksiin.
- Keskimmäisen reunan korkeus on 15 mm ja alareunan 17 mm.
Tämä saattoi näyttää hiukan hankalalta, mutta se kannattaa: Tehkää tämä kerran kuuden sarakkeen ruudukossa, ehkä vielä viiden sarakkeen ruudukossa, tallentakaa lopulta koko homma ja näin olette luoneet hyvän perustan joustavasti vastataksenne vaatimuksiinne.
Reunat on siis määritelty, nyt otamme vielä Lisätason 3 mm (ks. kuva edelliseltä sivulta), koska haluamme lopulta antaa sen painettavaksi. Hyväksy painamalla OK - ja meillä on uusi asiakirja.
Ylhäällä meillä on 3 mm:n lisäys (punainen viiva asiakirjan reunalla), se on sivujemme raja, eli DIN A4-muoto (musta ulkoreuna). Tässä meillä on yläreuna, jonka olemme määrittäneet, päänsteppi (vaaleanpunainen viiva punaisen reunan alueella).
Mutta mitä täällä on tapahtunut? Tämä ei sovi: Ylhäällä on ensimmäinen, sininen perusriviruudukon rivi, joka on väärässä paikassa. Korjaamme sen kohdassa Muokkaa>Asetukset>Riviruudukko…
Tässä on alku 12,7 mm:ssä. Mutta haluamme ottaa 15 mm:n, joten muutamme sen (1). Lisäksi muutamme jakojaon kahteen 5 mm:n välein. Jos painan Tab, se muuttuu Pt:ksi eli 14,173 pt (2). Kun vahvistan tämän, se näyttää hyvältä (3).
Luo sitten ohjesivulle (1) apuviivat. Niitä tarvitaan vaakaan ja tähän asti meillä on ollut vain kuusi ruudukon saraketta.
Siirryn sitten kohtaan Asettelu > Luo apuviivoja... ja lisään yhdeksän haluamaani apuviivaa. Painan Tab ja meillä on jo 5 mm:n sarakkeiden väli. Tämä täyttää koko asiakirjan sillä.
Jos olet unohtanut pystysarakkeet luodessasi, voit tehdä sen täällä. Voisin mennä 6:een, niin se lisäisi ne minulle. Mutta minulla on ne jo valmiina, joten menen taas 0:aan ja vahvistan sen.
InDesign-pohjamallini on valmis. Tallennan sen kerran, jotta meillä on se varmuuskopioituna ja voimme palata siihen. Tiedosto> Tallenna nimellä..., InDesign CS6-pohjaksi.
Sisällön täyttäminen asettelulla (etusivu)
Aloitamme dokumentin täyttämisen luomalla uusia sivuja.
Toimi kuten kuvassa näytetään: 1) klikkaa, 2) klikkaa ja klikkaa sitten neljästi. Koska loimme apuviivat ohjesivulle (4), ne näkyvät myös jokaisella muulla asiakirjan sivulla emmekä tarvitse luoda niitä uudelleen.
Pieni vinkki: Siirry näkymään ja tarkista, ovatko Ruudut ja apuviivat kohdassa kohdat Kohdista apuviivoihin ja Älykkäät apuviivat käytössä. Tämä mahdollistaa sen, että elementit, jotka sijoitetaan, kiinnittyvät automaattisesti näihin apuviivoihin, kun liikut niiden lähelle.
Paina nyt Ctrl + D, jotta voit sijoittaa kuvia. Valitsen tämän upean katseenvangitsijakuvan ylhäällä.
Vedän sen reunasta reunukseen. Alhaalla teen kenttää vielä hieman suuremmaksi (punainen nuoli kuvassa). Kun teet näin, huomaat, miten kentän reunukset napsahtavat apuviivoihin, mikä on todella kätevää.
Mene nyt hiiren oikealla klikkaamalla kuvaan ja valitse Mukauta > Täytä kehys suhteessa.
Ylä- ja oikealla oleva leikkaus on mukana. Se on kunnossa.
Halusin alareunaan jonkinlaisen sokkelin. Otan työkalun (1) ja vetäisen sen (2). Täytän sen värillä, jota ei ole vielä määritetty meille. Siksi teen uuden värikentän (3, 4, 5) 70 prosentin mustalla (6). Vahvistan sen (7).
Nyt minulla on palkki alareunassa (1). Ja etusivulle olen ajatellut laittaa nimen. Olen tallentanut sen kirjastooni (2). Vedän sen yksinkertaisesti ulos (3 kohdasta 4).
Sisällön täyttäminen asettelulla (takasivu)
Vasen sivu: Haluamme tähänkin upean suuren kuvan. Ctrl + D... Asetan sen alas, otan leikkauksen mukaan... Ok, se on asetettu.
Tämän kuvan hienous on värityksessä. Meillä on lempeitä harmaan sävyjä ja sitten se menee valkoiseksi. Tämän ansiosta meillä ei ole kovia reunoja kuvan yläpuolella.
Ja myös tänne lisään vielä yrityksen nimen vasempaan yläkulmaan.
Tässä haluan lisätä vasemmalle puolelle osoitteen ja oikealle pienen viestin: "Edut yhdellä silmäyksellä", jotta meillä on tietysti myös "Toimi nyt" -toimintakehotus.
Vedän siis tekstikentän (1), otan mukaan kaksi kenttää (2)...
... ja lisää teksti. Mitä haluan näyttää tässä, on: Teksti sijoitetaan perusriveille - ikään kuin kirjat kirjahyllyssä (1). Riviväli ei vaikuta suoraan tässä, koska jokainen rivi sijoitetaan erikseen perusriville, joilla on 5 mm etäisyys toisiinsa.
Miten tämä on mahdollista? Käytämme Teksti>Kappale ja napsautamme tätä symbolia (1). Jos haluan kuitenkin, että teksti ei ole perusrivien päällä, napsautan vain tähän (2). Silloin käytetään normaalia väliä, esimerkiksi 12 pistettä tässä tapauksessa. Palautan asetukset (1) ja suljen kappaleikkunan.
Alla asetan nyt slogania, jonka olen jo valmistellut kirjastossa.
Vieressä vasemmalla on vielä yksi kortti. Se alkaa pohjasta puhelinnumerolla.
Jos otat kuvan käteesi, näet varsinaisen kuvan, ja huomaat kuvan olevan liian suuri (1, ruskea kehys). Voimme korjata tämän helposti napsauttamalla hiiren kakkospainikkeella ja valitsemalla Muokkaa>Sovita täyttämällä kehys suhteessa.
Nyt hieman vasemmalta ja oikealta on leikattu pois (2), mutta se on minulle täysin hyväksyttävää. Myös kuvan yläreuna sopii tekstiin (3).
Lisään nyt toisen tekstialueen osoitteen viereen. Kopioin otsikon "transportfiktiv GmbH", liitän sen tänne ja vaihdan tekstin: "Ominaisuutesi kerralla". Ja siihen: "Ominaisuus 1" - "Ominaisuus 6" (1).
Ja en halua tätä kursiivina. Otsikolle se on täysin hyväksyttävää, mutta haluan luettelon olevan normaalina. Valitsen sen siis ja asetan sen normaaliksi (2). Tämä on muuten Myriad Pro, joka on erittäin hyvin varusteltu fontti monilla erilaisilla leikkauksilla, ja pidän siitä, koska siinä voi todella joustavasti työskennellä. Merkitsen sen vielä kerran ja sitten Objekti>Kappaleen kohdistus (3).
Tämä kaikki voitaisiin tehdä tietysti myös kappalemuotoilujen avulla, mutta se ei ole tämän tutoriaalin ydin, joten teen sen mieluummin manuaalisesti.
Tällä hetkellä näyttää siltä. Huomaan: Toinen tekstialue saattaa olla ehkä liian lähellä, joten siirrän sen hieman oikealle. Ja luetteloon voidaan vielä lisätä jonkinlaisia luettelomerkkejä.
Näin olemme nyt suunnitelleet etu- ja takakannen. Muuten - jos ihmettelet, miksi tein tämän kaksipuoleisena: Olette tietysti oikeassa. Etukannen tulisi olla ensimmäisellä (1), mutta tein näin visualisoidakseni paremmin, mitä haluan näyttää teille.
Siirrytään sisäsivuille. Luo vielä kaksi uutta sivua (2) ja paina sitten uudelleen W.
Täytä asettelu sisällöillä (vasen sisäsivu)
Tässä minulla on jo tarkka visio, joten katsotaan nopeasti luonnostani: Siellä on kuvia, tekstejä, pieni luettelo piktogrammeilla ja alhaalla jälleen logomme. Näin sen tulisi näyttää.
Taas Ctrl + D ja tämä kuva. Sijoitan sen tähän paikkaan yläsarakkeeni reunalla (1). Leikkaan sen hieman (katso nuoli kuvassa), jotta etäisyys säilyy myös muihin elementteihin (2).
Vasemmalle yläkulmaan lisäämme teasersin, joka on myös valmiina kirjastossa.
Sitten lisätään vielä kuvia. Tällä kertaa otan suorakulmiotyökalun (1) ja vedän kolme kuvaa. Vihreät linjat kertovat minulle: "Vai haluatko vedellä jotain, joka on saman kokoinen kuin muut?" Teen siis nämä kolme kuvaa (3, 4, 5).
Jalkaan haluan samanlaisen jalustan kuin ylhäällä. Joten kopioin sen ensimmäiseltä sivulta painamalla Ctrl + C (1) ja lisään sen sitten hiiren oikealla painikkeella: Muokkaa>Liitä alkuperäiseen sijaintiin (2). Tämän jälkeen se sopii kuin valettu alapuolelle (3).
Haluaisin jotain vastaavaa toiselle sivulle ylälaitaan, mutta ei niin paksua. Otan myös leikkausvaran mukaan. Täällä yrityksen väriä korostetaan vielä kerran, jotta saadaan aikaan hieman kontrastia ja täytetään myös yritysilmeen vaatimuksia.
Nyt takaisin äsken luotuihin kehyksiin: Ctrl + D. Otan lennon, kuorma-auton ja laivan, painan Avaa (1).
Nyt minulla on kaikki kolme kuvaa ladattuna hiiren osoittimeen (2). Pikku numero kertoo minulle myös, että hiiren osoittimessa on kolme kuvaa. Jos ensimmäisenä ei ole se kuva, jonka haluan käyttää, voin vaihtaa nuolinäppäinten avulla.
Täällä haluan jetin, täällä kuorma-auton ja siellä laivan. Tässäkin on taas ongelmana se, että kuvat ovat liian suuria (1). Joten: Merkitse kaikki, Muokkaa>Kehys täytetään suhteessa (2).
Ja nyt käännän kuorma-auton vielä kerran vaakasuunnassa (Objekti>Muunna>Vaakasuunnassa kääntäminen), koska en pidä siitä, että elementit ulottuvat ulos layoutista – siellä ei ole mitään mielenkiintoista ja haluamme ohjata lukijan katseen. Siksi varmistamme, että kaikki katsoo mukavasti designiin. Myös laiva käännetään vielä vaakasuunnassa.
Vasemmalta alhaalta lisäämme vielä logon kirjastosta (ei näytetty kuvassa).
Nyt lisään tekstejä (1). Joten vedän tekstilaatikon teaserin alapuolella olevaan kohtaan, otan jälleen Myriad Pron ja kirjoitan: ”Kaikki logistiikkapalvelut saman katon alta”.
On havaittavissa, että rivi ei ole peruslinjarasterilla (2). Joten merkitsen koko tekstin ja tasapainotan sen Kirjasin>Kappale uudelleen napsauttamalla tätä symbolia (3).
Nyt painan kerran Enter tekstilaatikossa. Silloin hän jättää yhden rivin välistä (1). Tämä johtuu siitä, että täällä meillä on 14,4 pisteen riviväli (2) ja rivit ovat 5 mm toisistaan. Se tarkoittaa, että riviväli on liian suuri. Näytetään kerran piilotetut merkit (Kirjasin>Näytä piilotetut merkit). Painan vielä kerran Enterja hän jättää siis yhden rivin välistä (1).
Jotta voin välttää tämän, yksinkertaisesti pienennän riviväliä 12 pisteeseen (3).
Kirjasin>Täytä paikkamerkitekstillä (4). Ja otsikon asetan Puolipaksu -fontille (5). Näin kokonaisuus näyttää hyvältä, tämä on käytännössä kuvauksen ilmakuljetuksesta.
Kopioiden tekstilaatikon (Ctrl + C) ja liittäen sen vielä kerran kuorma-auton alle. Painaen Alt- ja pidettynä Shift- -näppäintä teen siitä duplikaatin ja siirrän sen laivan alle oikealle. Koska pidän Shift-näppäimen painettuna, tekstilaatikko ei voi siirtyä paikaltaan.
Vasen sivu on nyt valmis.
Sisältöjen täyttäminen asettelulla (Oikea sisäsivu)
Jatketaan oikealle sivulle. Siellä näyttää melko samalta: Painamalla Alt- näppäintä luon tekstistä uuden duplikaatin, siirrän sen tähän sijaintiin (1), ei reunaan vaan sinne (2) ja venytän kenttää hieman suuremmaksi (3).
Tänne alas tulevat faktilaatikot. Luon yhden sellaisen (1) ja täytän sen värillä (2). Sitten teen siitä jälleen kaksi kopioa (3).
Nämä laatikot otetaan käyttöön esimerkiksi kuvaillessa kasvua lisäämällä sinne vuosilukuja, liikevaihtolukuja tai kuinka monta laivaa viime vuonna tämä kuljetusyritys upotti… Lisään vielä tekstikenttään hieman lisää tekstiä (4).
Oikealle tulevat nyt mukaan myös piktogrammit, joten ensin vedän kolme kehystä (1). Merkitsen ne ja siirrän duplikaatit alaspäin painamalla samanaikaisesti Alt- ja Shift- -näppäimiä (2). Jätän niiden väliin kaksi tyhjää kenttää (3).
Painamalla Ctrl + D haen AI-tiedostot (4). Nämä ovat vektoripohjaisia kuvakkeita.
Erotuksena pikseligrafiikkaan on, että vektorigrafiikka perustuu matemaattisiin kaavoihin ja siksi niitä voi skaalata helposti kokoon, mikä ei onnistu pikseligrafiikoilla. Nuolinäppäimillä valitsen sitten oikean kuvan ja asetan sen valmisiin kehyksiin (5).
Myös kuvakkeet ovat jälleen liian suuria kehyksiin nähden, joten merkitsen ne kaikki ja valitsen Mukauta ja tällä kertaa Suhteuta sisältö. Näyttää hyvältä.
Nämä kolme kurkistavat ulos asettelusta (1), joten ne käännetään vaakasuunnassa, jotta ne katsovat asettelua kohti (2). Huolehtikaa aina tästä, on tärkeä varmistaa, jos kuvissa on tekstiä - se tulee epäselväksi heijastettaessa ja heijastuksenne paljastuu.
Nyt lisäämme vielä pieniä kuvaustekstejä (3), otamme aina mukaan kaksi asetteluruudukon solua.
Olen myös muuttanut tekstien suuntausta oikealle korostaakseni niiden kuuluvuutta kuvakkeisiin.
Lopullinen tulos näyttää tältä. Yläosassa on vielä väriä, kuvat ovat kaikki sijoitettuina, samoin tekstit, ja alhaalla alaraajassa näkyy vielä kerran jalusta, lisäksi on Faktalaatikoita…
Näette siis: Tämä on asetteluruudukon keveys. Kaikki sujui nyt todella nopeasti, koska teimme ennakkoon työtä suunnitellaksemme tällaisen asetteluruudukon.
Jopa "kuljetuskuvitteellinen" näyttää hyvältä, oli sitten menetetty paljon kontteja matkalla Uudesta-Seelannista Amerikkaan. Se ei ole tärkeää. Näette: Asetteluruudukot ovat ehdottomasti sen arvoisia. Haluan todella suositella niitä teille.
Ja jos sijoitamme lopuksi uudelle tasolle luonnoksemme ja vähennämme sen peittävyyttä, huomaatte että ideoinnissa olimme hyvin lähellä valmista suunnitelmaa ja että asetteluruudukko auttoi meitä siinä.
Tässä mielessä: odotan innolla kommenttejanne, kirjoittakaa jotain, jos jokin miellyttää, jos jokin ei miellytä, kehuja tai moitteita - olen utelias palautteestanne ja toivon, että olette voineet oppia jotain. Kokeilkaa itsekin.
Teidän Stefan
