https://peda.net/id/ec218feb99e 2025-09-25T11:59:18+03:00 https://peda.net/:static/539/peda.net.logo.bg.svg <div class="license">Tämän sivun lisenssi <a rel="license" href="https://peda.net/info">Peda.net-yleislisenssi</a></div> https://peda.net/id/ec22f06399e 2024-02-22T08:43:30+02:00 <h1>Graafisen suunnittelun digitalisoituminen</h1> <div id="sectionContent"> <div id="primaryContent" class="RawHTML-sc-yls4hn-0 hQBISk tbl-section-wrapper fr-view tbl-bookstyles"><!--filtered attribute: data-content="default"--><!--filtered attribute: data-ta-annotator-ready="true"--><!--filtered attribute: data-ta-has-annotations="false"--> <div class="intro box"> <p>Tietokoneiden kehittymisen myötä graafinen suunnittelu digitalisoitui. Nykypäivänä suunnittelija hyödyntää niin käsin tekemisen tekniikoita kuin kuvankäsittely- ja taitto-ohjelmia.</p> </div> <div class="fr-img-space-wrap"><span class="fr-img-caption fr-fic fr-dii fr-fil"><span class="fr-img-wrap"><img src="https://app.studeo.fi/files/Section/18047/files/Macintosh_128k_transparency%281%29.png" alt=""/><!--filtered attribute: id="x1jqledew0h"--><!--filtered attribute: data-caption=""--><!--filtered attribute: data-image-overlay="active"--><!--filtered attribute: style="cursor: zoom-in;"--><span class="fr-inner"><span class="tbl-image-source rs_skip"><span class="tbl-image-source-default-text"> Lähde: </span><a class="tbl-image-source-url" href="https://en.wikipedia.org/wiki/1984_(advertisement)#/media/File:Macintosh_128k_transparency.png" rel="noopener noreferrer nofollow ugc" target="_blank">Wikipedia (Grm wnr, CC BY-SA 3.0)</a></span></span></span></span></div> </div> </div> <p>1984 oli merkittävä vuosi graafisen suunnittelun digitalisoitumisen kannalta, jolloin Apple julkaisi ensimmäisen Macintosh-tietokoneen. Jo pelkkä tietokonetta varten tehty <a href="https://youtu.be/VtvjbmoDx-I" rel="noopener noreferrer nofollow ugc" target="_blank">televisiomainos 1984</a> (Mac History, Youtube) on ikoni itsessään. Macintosh-tietokoneen mainos on intertekstuaalinen, sillä se viittaa julkaisuvuoden lisäksi Orwellin samaiseen romaaniin. Mainoksen ohjasi elokuvaohjaaja Ridley Scott, joka oli juuri saanut valmiiksi Blade Runner scifi-elokuvan, ja siinä onkin tyylillisiä samankaltaisuuksia. 1984-mainoksen vaikutus niin elokuviin, mainoksiin kuin musiikkivideoihin on ollut suuri.</p> <div>Applen kehittämän teknologian vaikutus kuvanrakentamisen ja -käsittelyn maailmaan oli mullistava. Applen lisäksi graafisen suunnittelun teknologiseen muutokseen vaikutti merkittävästi Thomas ja John Knollin kehittämä Photoshop. Ensimmäistä kertaa graafisella suunnittelijalla oli mahdollisuus leikitellä kirjasimilla vaivatta ja nopeasti sekä tehdä <a href="http://workflow.arts.ac.uk/artefact/file/download.php?file=188510&amp;view=31756" rel="noopener noreferrer nofollow ugc" target="_blank">monimuotoisia typografisia kokonaisuuksia</a>. </div> <div class="link box"> <p><a href="http://designarchives.aiga.org/#/entries/%2Bformats%3A%22Posters%22/_/grid/relevance/asc/0/48/90" rel="noopener noreferrer nofollow ugc" target="_blank">Aiga Design Archives</a> sisältää yli 2000 julistetta eri vuosikymmeniltä. Voit tarkastella julistekokoelmaa ajallisesti, jolloin näet digitalisoitumisen vaikutuksen julistetaiteeseen 80-luvulta eteenpäin. </p> </div> <h2>Nykygraafikko yhdistää käsin tehtyä ja digitaalista</h2> <p>Digitaalisten mahdollisuuksien myötä merkitykselliseksi nousee tekijän omanlainen tyyli niiden käyttämisessä. Usea käyttääkin samanlaista teknologiaa ja samoja kuvankäsittelyohjelmia omassa työskentelyssään, minkä takia keskeisintä ei ole tekniikka-hypetys vaan omaperäiset ideat. Julistesuunnittelussa tulee jatkuvasti pohtia, miten oma kuva viestii ja millaista viestiä se välittää. Kuvataiteen opintojen ja omien kokeilujen myötä oman persoonallisen, visuaalisen ilmaisun tyylin löytäminen helpottuu. Rohkeat kokeilut, useiden tekniikoiden sekä analogisten että digitaalisten sekoittaminen ja satunnaiset mokat luovat hyvän perustan uudenlaisten juttujen luomiselle.  </p> <div class="clearfix"> <div class="tbl-fr-image-flex-wrapper"> <div class="tbl-fr-grid-item tbl-fr-grid-item-0"> <div class="fr-img-space-wrap"><span class="fr-img-caption fr-fic fr-dib"><span class="fr-img-wrap" aria-labelledby="id_VJWYXB_81JYZ1_K3HT2O"><img src="https://app.studeo.fi/files/Section/18047/files/klovni%281%29.jpg" alt=""/><!--filtered attribute: id="q6vynoyze1"--><!--filtered attribute: data-source=""--><!--filtered attribute: data-image-overlay="active"--><!--filtered attribute: style="cursor: zoom-in; width: 100%;"--><span class="fr-inner">Veera Kemppaisen tekemä juliste on yksi vuoden 2015 ennakkotehtävistä Metropolia ammattikorkeakouluun. Aiheena oli tehdä tapahtumajuliste, jonka ainut kriteeri oli, että julisteessa tulee olla teksti &quot;Klovni 2016&quot;. Kemppainen on yhdistänyt työssään niin käsin piirtämistä, valokuvaa kuin digitaalista kuvankäsittelyä.</span></span></span></div> </div> </div> </div> <div class="fr-img-space-wrap"><span class="fr-img-caption fr-fic fr-dib"><span class="fr-img-wrap" aria-labelledby="id_70P5AT_TNIOE1_80CNZG"><img src="https://app.studeo.fi/files/Section/18047/files/Suomi-neito_juliste.jpg" alt=""/><!--filtered attribute: id="jtkuqi2ct0"--><!--filtered attribute: data-image-overlay="active"--><!--filtered attribute: style="cursor: zoom-in; width: 100%;"--><span class="fr-inner">Kemppaisen julisteessa tehtävänantona on ollut toteuttaa oma näkemys Suomi-neidosta vuonna 2016. Abstraktit muodot ja hallittu väriharmonia luovat viimeistellyn sommitelmallisen vaikutelman. Elementit ovat tasapainossa keskenään, ja viisto kuviomaailma johdattaa katseen luontevasti tekstiotsikkoon.<span class="tbl-image-source rs_skip"><span class="tbl-image-source-default-text"> Lähde: </span>Veera Kemppainen 2016</span></span></span></span></div> 2025-09-25T11:59:18+03:00 https://peda.net/id/ec23ab8099e 2021-01-14T15:53:32+02:00 <div class="intro box"> <p>Tässä luvussa käsittelemme typografiaa eli fonttien ja kirjasimien muotoilua. Erilaisilla fonteilla viestitetään monia asioita esimerkiksi kyseisen firman tuotteista tai brändistä. Tämä edellyttääkin tekijältä perehtymistä typografian tilaajan haluamiin tavoitteisiin.</p> <p>Ohessa kuva Suomi100-juhlavuoden kunniaksi suunnitellusta Finlandica-fontista. Fontin suunnitteli <a href="http://helsinkitypestudio.com" rel="noopener nofollow ugc" target="_blank">Helsinki Type Studio</a>, jonka yksi tekijöistä, Juho Hiilivirta kuvaa sitä seuraavasti: &quot;Fontti on kuin suomenhevonen – sopii niin ratsastukseen kuin työntekoonkin. Fontissa on pieniä yksityiskohtia, jotka on veistetty tylpällä kirveellä, suomalaisella sisulla tietenkin&quot;.</p> </div> <h3>Kun kirjain onkin kuva</h3> <blockquote> <p>Typografia on näkymätön yhteiskunnallisen vaikuttamisen ja manipulaation väline.</p> <p>– Neville Brody</p> </blockquote> <!--filtered tag: <figure--><!--&gt;--><a class="colorbox cboxElement" href="https://app.tabletkoulu.fi/files/Section/17216/files/typografia3.png" rel="nofollow ugc noopener"><img src="https://app.tabletkoulu.fi/files/Section/17216/files/typografia3.png" alt=""/><!--filtered attribute: id="w28wkmrwy1d"--><!--filtered attribute: data-caption="Kirjaimia voi luoda monilla eri piirtimillä, mutta myös kodista löytyvillä arjen esineillä. Rautakaupan mainosfontti voisi rakentua nauloista, metallimusiikin festarin kirjaimet korvatulpista, syntymäpäiväsankarin onnittelukortin teksti samettinauhasta ja mausteisesta ruoastaan tunnetun ravintolan nimi chilijauheella tehdystä fontista. "--><!--filtered attribute: data-source="Perttuli-Borobio (CC-BY-SA 3.0)"--></a><span class="caption rs_skip">Kirjaimia voi luoda monilla eri piirtimillä, mutta myös kodista löytyvillä arjen esineillä. Rautakaupan mainosfontti voisi rakentua nauloista, metallimusiikin festarin kirjaimet korvatulpista, syntymäpäiväsankarin onnittelukortin teksti samettinauhasta ja mausteisesta ruoastaan tunnetun ravintolan nimi chilijauheella tehdystä fontista. </span><br/> <span class="source rs_skip">Lähde: Perttuli-Borobio (CC-BY-SA 3.0)</span><!--filtered end tag: </figure>--> <p> </p> <p>Valmiit fontit ja kirjasimet antavat harvoin parhaan mahdollisen visuaalisen ilmeen erilaisille graafisille julkaisuille. Usein tekijät päätyvätkin valmistamaan omat kirjasimensa julkaisun teeman tyyliin sopiviksi. Perinteisten piirtimien ja digitaalisten työvälineiden lisäksi kannatta usein kokeilla hyvinkin erikoisia ratkaisuja, kuten kirjainten muodostamista vaikka kukan terälehdistä, kidesokerista jne.</p> <!--filtered tag: <figure--><!--&gt;--><a class="colorbox cboxElement" href="https://app.tabletkoulu.fi/files/Section/17216/files/typografia.png" rel="nofollow ugc noopener"><img src="https://app.tabletkoulu.fi/files/Section/17216/files/typografia.png" alt=""/><!--filtered attribute: id="t1zdw199wlm"--><!--filtered attribute: data-caption="Kuvan F-kirjain on tehty paperiveitsellä, ja se on hyvin minimalistinen sekä pelkistetty. Vahaliiduista koottu H-kirjain on värikäs ja tunnelmaltaan naivistinen. G-kirjain on luotu pistelemällä neulanreikiä pahviin ja asettamalla se vasten valoa – fontteja pystyy luomaan siis ilman piirtimiä tai konkreettisia esineitä. "--><!--filtered attribute: data-source="Perttuli-Borobio (CC-BY-SA 3.0)"--></a><span class="caption rs_skip">Kuvan F-kirjain on tehty paperiveitsellä, ja se on hyvin minimalistinen sekä pelkistetty. Vahaliiduista koottu H-kirjain on värikäs ja tunnelmaltaan naivistinen. G-kirjain on luotu pistelemällä neulanreikiä pahviin ja asettamalla se vasten valoa – fontteja pystyy luomaan siis ilman piirtimiä tai konkreettisia esineitä. </span><br/> <span class="source rs_skip">Lähde: Perttuli-Borobio (CC-BY-SA 3.0)</span><!--filtered end tag: </figure>--> <p> </p> <h3>Typografia tiivistää olennaisen</h3> <p>Fontin kehittäminen tiettyyn käyttötarkoitukseen edellyttää perehtymistä mainostettavan asian tai ilmiön luonteeseen. Fontin tulisi olla luettava, mutta myös ilmaista jo itsessään jotain olennaista asian tai ilmiön luonteesta. Esimerkiksi kauniista typografiastaan tunnettu Apple ei olisi ollut samanlainen, jos Steve Jobs ei olisi yliopistoaikoinaan käynyt <a href="https://www.washingtonpost.com/news/arts-and-entertainment/wp/2016/03/08/the-trappist-monk-whose-calligraphy-inspired-steve-jobs-and-influenced-apples-designs/?utm_term=.1d13aa1b61e9" rel="noopener nofollow ugc" target="_blank">Robert Palladinon opettamaa kalligrafian kurssia</a>, jossa hän ymmärsi erilaisten kirjasimien ja suhteellisten kirjainvälien merkityksen.</p> <blockquote> <p>[Kurssilla] opin serif ja sans serif kirjasintyypeistä, eri kirjainten vaatimista kirjainväleistä ja siitä, mikä tekee hyvästä typografiasta hyvää. Se oli kaunista, historiallista ja taiteellisesti hienovaraista työskentelyä, sellaista mitä tiede ei voi todentaa, ja koin sen äärimmäisen kiehtovaksi.</p> <p>– Steve Jobs</p> </blockquote> <!--filtered tag: <figure--><!--&gt;--><a class="colorbox cboxElement" href="https://app.tabletkoulu.fi/files/Section/17216/files/typografia4.png" rel="nofollow ugc noopener"><img src="https://app.tabletkoulu.fi/files/Section/17216/files/typografia4.png" alt=""/><!--filtered attribute: id="m28twbm2kfo"--><!--filtered attribute: data-caption="Hammastikuista tehty N-kirjain on fonttina kapea ja korkea. Sweet Chili -kastikkeesta tehtyyn O-kirjaimeen tulee nestemäisyydestä johtuva kaunis kiilto. K-kirjaimen neilikat kuljettavat katsojan ajatukset heinäkuuhun. Paperisuikaleista koostettu E-kirjain on repaleinen, mutta hallittu. "--><!--filtered attribute: data-source="Perttuli-Borobio (CC-BY-SA 3.0)"--></a><span class="caption rs_skip">Hammastikuista tehty N-kirjain on fonttina kapea ja korkea. Sweet Chili -kastikkeesta tehtyyn O-kirjaimeen tulee nestemäisyydestä johtuva kaunis kiilto. K-kirjaimen neilikat kuljettavat katsojan ajatukset heinäkuuhun. Paperisuikaleista koostettu E-kirjain on repaleinen, mutta hallittu. </span><br/> <span class="source rs_skip">Lähde: Perttuli-Borobio (CC-BY-SA 3.0)</span><!--filtered end tag: </figure>--> <p> </p> <blockquote> <p>Kirjojen kansiin vaikuttavat yleiset isot trendit. Samanlaisia [<a href="http://kirja.s3.amazonaws.com/prod/9789510415795_frontcover_final_original.jpg" rel="noopener nofollow ugc" target="_blank">korkeita, käsinkirjoitusta mukailevia</a>] fontteja on näkynyt katumainoksissakin viime vuosina, kuten myös kuluneita ja rikottuja fontteja. – – Viimeistelemättömän näköisessä fontissa on inhimillinen kosketus.</p> <p>– Graafikko Jussi Karjalainen</p> </blockquote> <div class="listening box"> <p><a href="http://www.typeradio.org/#/437" rel="noopener nofollow ugc" target="_blank">Typeradio</a> on kokoelma graafisen suunnittelun, kuvittamisen ja visuaalisen alan ammattilaisten haastatteluja. Joukosta löytyy muun muassa suomalainen Kustaa Saksi, joka on kansainvälisesti erittäin suosittu kuvittaja. Useat Typeradion haastatteluista käsittelevät typografiaa ja sitä tekevän ammattilaisten työtä, joten voit valita haluamasi haastateltavan ja kuunnella. </p> </div> 2025-09-25T11:59:18+03:00