INKIT OSA 4 V RIN KAR
GRAAFINEN SUUNNITTELU
GRAAFINEN SUUNNITTELU ON OSA MUOTOILUA: ASIOIDEN JA PALVELUIDEN ULKOASUN, TOIMINNALLISUUDEN JA MATERIAN MUOKKAAMISTA. TERMI TULEE 1950-LUVULTA JA SE LIITETÄÄN KAIKKEEN PAINETTUUN JA NYKYÄÄN MYÖS SÄHKÖISEEN MEDIAAN.
M
itä graafinen suunnittelija tekee? Hän ratkoo visuaalisia ongelmia kaupallisessa maailmassa ja muussa viestinnässä tekemällä esim. kuvituksia, valokuvia, grafiikoita, lehtitaittoja, nettimainoksia, mainoskampanjoita. AD (Art Director) hallitsee graafisen silmän lisäksi laaja-alaisemmin tavarat ja palvelut, on kuluttajan asemassa ja omaa vahvan kaupallisen alan koulutuksen ja kokemuksen. Copy (Copywriter) on teksisuunnittelija, joka hioo verbaaliset osuudet ja on tuotteiden sisällöistä ja brandeistä perillä ja on ylipäätään markkinointiviestinnän ammattilainen. Ad-assari toteuttaa näiden kahden suunnitelmia. Chip Kidd Joko omena sanana tai kuvana, ei yhtä aikaa, ”otherwise your treat your reader as a moron”.
Linkkejä
www.ted.com/talks/chip_kidd_designing_books_is_no_ laughing_matter_ok_it_is www.ted.com/talks/chip_kidd_the_art_of_first_impressions_in_design_and_life?language=fi www.youtube.com/watch?v=YqQx75OPRa0 www.youtube.com/watch?v=QrNi9FmdlxY www.youtube.com/watch?v=mOA0WH00reA www.youtube.com/watch?v=bjD4zhAvF7s&t=1115s
ALKUSUUNNITELMA -Mitä tehdään ja miksi? (tarkoitus ja tavoitteet) -Kohderyhmä? Tuotteen laajuus? Formaatti eli muoto? Valittu media, levikki ja muut hintaan ja budjettiin vaikuttavat asiat esim. värillisyys, lakkaus, nuuttaus, tekijöiden palkat? Aikataulu? Tiimi ja sen vastuualueet? Laadulliset tavoitteet?
ELEMENTTEJÄ Teksti -Fontti otsikossa usein päätteetön, leipiksessä päätteellinen (9-12p), otsikossa voi olla erikokoisia kirjaimia, fontin x-korkeus määrittelee paljon miten isolta teksti näyttää -Kontrastit esim. ISOT KIRJAIMET, liha-
vointi, kursiivi, negateksti , värillinen, -Leipispalstan rivin pituus n. 35-55 merkkiä ja liehureuna oikealle, ingressi (johdantoteksti) isommalla ja ilman tavutusta, anfangi (koristeellinen alkukirjain) esim. kolme riviä korkea, väliotsikko hiukka alaspäin (baseline shift), ei yksittäisiä sanoja palstan alkuun tai loppuun, ”sitaatti” keskitettynä ja isommalla. -Väli (välilyönti) on merkki ja typografian perusyksikkö, joka tulee säätää kirjainten väliin erityisesti otsikoissa (alt+nuoli), mutta myös sananvälit, rivinvälit, kappalevälit jne.
Design Basics Index: You must be decisive) Ryhmittely Ryhmittele asioita kokonaisuuksiksi. Mitkä asiat kuuluvat enemmän yhteen, mitkä ei ja muista esim. kainalojuttu. Kontrastit Muoto-, väri-, kylmä/lämmin- ja esim. kokokontrastit tuovat vaihtelua niin sommitteluun kuin vaikkapa otsikointiin. Diagonaali Kaiken ei tarvitse olla suorassa. Estetiikka Houkuttele lukija sisällön luokse! Gridi (toistuvuus, systeemi jossa elementit toistuvat tietyissä paikoissa) Liike Elementtien liike liikkuvassa kuvassa. Tyyli ”Symmetria on syntiä!” Käytännössä epäsymmetrinen & dynaaminen taitto on hallitsevampi ja mielenkiintoisempi. Molempia toki käytetään. Yksinkertaisuus ja pelkistys on viestinnän selkeyttä. Ja tyhjä tila katsetta ohjaavaa luksusta.
Kuvat Harmaasävyt ja värikuvat 300dpi julkaisukoossa, 1200dpi bitmap-kuvassa. Kuvien väriprofiili usein Fogra39 (joko coated eli kiiltävä tai uncoated mattapaperi). Viiva tai linja (Stroke) Suora, ohut, paksu, aaltoileva, kulmikas, pilkullinen, kaksi eri INDESIGN paksuista yhdessä, pisteviiva . . . . . . . vapaa InDesign-ohjemalla uusi taittopohja (koko, pals(-> lähestyy kuvaa). Korostaa, jakaa, yhdistojen määrä eli columns ja leikkausvara eli bleed tää, koristaa. 3mm). Tuo esikatselukuvat taittoon Place-koMuodot Neliö, ympyrä, kolmio ja vapaa mennolla (ctrl+d) ja teksti vaikka copypastella muoto niin kuvissa ja sommittelussa kuin (ctrl+a,c,v). Tekstin jako elementteihin (otsikko, esim. väri- ja tekstilaatikoissa. ingressi, leipis, sitaatit ja kirjoitVäri CMYK-painotajan nimi). Aloita taitto tekevärit: cyan, magenta, ”Never fall in love with an idea of the mällä tilaa otsikolle, igressille ja yellow, black paperille one you are with isn’t doing the job, there’s always always always another.” kuvalle. Ideoi niiden pohjalta painettuna, laajempi houkutteleva aloitus. RGB-väriavaruus näyCHIP KIDD Stroke (linja, viiva) Muista töllä (red, green ja blue). että linjoja on erilaisia ja eri vahvuisia. Tarkista värit ja sopiva valööri printistä. Text wrap eli tekstin kierto kuvan ympäri. Logot, symbolit ja yksityiskohtien rikkaus! Master pages (elementit jotka toistuvat ja Latteus ja kolmiulotteisuus Latteus on peruskauraa, elementtien kolmiulotteisuus harvemmin. siirtyvät varsinaisilla sivuille esim. automaattinen sivunumerointi) Häiriö, sotku, tekstuurit, sommittelun epätasapaino tuovat huomioarvoa ja orgaanisuutta liian Bleed 3 mm leikkausvara sivun reunan yli. Orvot (palstan alussa) ja lesket (lopussa) puhtaan kliiniseen ilmaisuun. pois eli yksinäiset rivit tai otsikot vaihtamalla KEINOJA kirjainväliä tai muuttamalla kuvan kokoja. Muuta Sommittele niin että tekstipalstat ovat Sommittelu (elementtien järjestely), päätös katkeamattomina vierekkäin jossakin kohtaa. siitä mikä on tärkeää (tärkeysjärjestys, s.65
1
351
