KARRI LAITINEN - Graafinen suunnittelu

GRAAFINENKARRIN VINKIT OSA 4 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.

Mitä 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, lihavointi, 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.

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 paksuista yhdessä, pisteviiva . . . . . . . vapaa (-> lähestyy kuvaa). Korostaa, jakaa, yhdistää, koristaa. Muodot Neliö, ympyrä, kolmio ja vapaa muoto niin kuvissa ja sommittelussa kuin esim. väri- ja tekstilaatikoissa. Väri CMYK-painovärit: cyan, magenta, yellow, black paperille painettuna, laajempi RGB-väriavaruus näytöllä (red, green ja blue). Tarkista värit ja sopiva valööri printistä. Logot, symbolit ja yksityiskohtien rikkaus! Latteus ja kolmiulotteisuus Latteus on peruskauraa, elementtien kolmiulotteisuus harvemmin. Häiriö, sotku, tekstuurit, sommittelun epätasapaino tuovat huomioarvoa ja orgaanisuutta liian puhtaan kliiniseen ilmaisuun.

KEINOJA Sommittelu (elementtien järjestely), päätös siitä mikä on tärkeää (tärkeysjärjestys, s.65

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. INDESIGN InDesign-ohjemalla uusi taittopohja (koko, palstojen määrä eli columns ja leikkausvara eli bleed 3mm). Tuo esikatselukuvat taittoon Place-komennolla (ctrl+d) ja teksti vaikka copypastella (ctrl+a,c,v). Tekstin jako elementteihin (otsikko, ingressi, leipis, sitaatit ja kirjoit”Never fall in love with an idea of the tajan nimi). Aloita taitto tekeone you are with isn’t doing the job, mällä tilaa otsikolle, igressille ja there’s always always always another.” kuvalle. Ideoi niiden pohjalta CHIP KIDD houkutteleva aloitus. Stroke (linja, viiva) Muista että linjoja on erilaisia ja eri vahvuisia. Text wrap eli tekstin kierto kuvan ympäri. Master pages (elementit jotka toistuvat ja siirtyvät varsinaisilla sivuille esim. automaattinen sivunumerointi) Bleed 3 mm leikkausvara sivun reunan yli. Orvot (palstan alussa) ja lesket (lopussa) pois eli yksinäiset rivit tai otsikot vaihtamalla kirjainväliä tai muuttamalla kuvan kokoja. Muuta Sommittele niin että tekstipalstat ovat katkeamattomina vierekkäin jossakin kohtaa.