{"id":249817,"date":"2023-10-13T06:47:00","date_gmt":"2023-10-13T03:47:00","guid":{"rendered":"https:\/\/inform.click\/typografia-puhuu-enemman-kuin-sanat\/"},"modified":"2023-10-13T06:49:00","modified_gmt":"2023-10-13T03:49:00","slug":"typografia-puhuu-enemman-kuin-sanat","status":"publish","type":"post","link":"https:\/\/inform.click\/fi\/typografia-puhuu-enemman-kuin-sanat\/","title":{"rendered":"Typografia puhuu enemm\u00e4n kuin sanat"},"content":{"rendered":"

\n Nyky\u00e4\u00e4n graafiset suunnittelijat k\u00e4ytt\u00e4v\u00e4t laajalti typografiaa selvitt\u00e4\u00e4kseen tyypin suunnittelun ja t\u00e4m\u00e4n tyypin v\u00e4liset suhteet. Taitava graafinen suunnittelija luo oikeanlaisen tasapainon tietyn suunnittelun sanallisten ominaisuuksien ja visuaalisen v\u00e4lill\u00e4 viesti\u00e4kseen viestin.\n<\/p>\n

\n Joskus graafiset suunnittelijat kuitenkin huomaavat tyypin visuaalisen ominaisuuden voimakkaamman kuin sanallisen aspektin. N\u00e4iss\u00e4 tapauksissa visuaalista kielt\u00e4 k\u00e4ytet\u00e4\u00e4n puhumaan. T\u00e4ss\u00e4 artikkelissa valotamme, mit\u00e4 tapahtuu, kun typografia puhuu enemm\u00e4n kuin sanat.\n<\/p>\n

\n Kuuluisan kirjakielen ja typografian kirjoittajan Cal Swanin mukaan ”Kun n\u00e4m\u00e4 kaksi eri alaa kohtaavat jossain k\u00e4yt\u00e4nn\u00f6ss\u00e4, ne luovat vahvan yhteyden n\u00e4kyv\u00e4ss\u00e4 muodossa olevien sanojen v\u00e4litt\u00e4misen ja niiden k\u00e4sityksen viestiksi.”\n<\/p>\n

\n T\u00e4\u00e4ll\u00e4 monet ihmiset eiv\u00e4t tied\u00e4 termien ”verbaalinen kieli” ja ”visuaalinen kieli” merkityst\u00e4. Selvitet\u00e4\u00e4n n\u00e4m\u00e4 kaksi sanaa ja niiden ero t\u00e4ss\u00e4. Graafisessa suunnittelussa sanallinen kieli on lauseiden, lauseiden ja sanojen yhdistelm\u00e4, kun taas toisaalta visuaalisella aspektilla tarkoitetaan kuvan ja tekstin visuaalisen ilmeen tuottamia lauseita ja merkityksi\u00e4. T\u00e4ss\u00e4 artikkelissa sanalla ”visuaalinen kieli” tarkoitamme varovaisesti valitun typografian luonnetta ja merkityst\u00e4.'\n<\/p>\n

\n T\u00e4\u00e4ll\u00e4 n\u00e4et laajan valikoiman esimerkkej\u00e4 verbaalisesta ja visuaalisesta kielest\u00e4, jotka auttavat sinua ymm\u00e4rt\u00e4m\u00e4\u00e4n molempia helposti. My\u00f6s tyyppivalintojen merkityst\u00e4 tulkinnassa ja merkityksess\u00e4 k\u00e4sitell\u00e4\u00e4n. Ja osaat my\u00f6s esitt\u00e4\u00e4 samanlaisen viestin eri muodoissa kannustaaksesi ja v\u00e4litt\u00e4\u00e4ksesi erilaisia \u200b\u200bvastauksia.\n<\/p>\n

\n Meill\u00e4 kaikilla on erilaiset kulttuuriset kokemukset ja taustat, jotka erottavat meid\u00e4t toisistamme ja vaikuttavat havaintoon. N\u00e4in ollen suunnittelijan ponnisteluista ja taidoista huolimatta j\u00e4ljell\u00e4 on paljon hallitsemattomia piirteit\u00e4, mukaan lukien katsojan k\u00e4sitys, mieltymykset, kokemukset, tiedot ja odotukset.\n<\/p>\n

\n Katso esimerkiksi t\u00e4m\u00e4 upea Greenpeacen teos:\n<\/p>\n

\n Tietenkin, kuka meist\u00e4 ei tuntisi maailman suosikkisuklaa ”Kit Kat” -logoa. Kirjainmuoto, tyyli ja tyyppi varmasti ja mittasuhteet, kulma, muoto ja v\u00e4ri luovat v\u00e4litt\u00f6m\u00e4sti tutun suhteen tiettyyn suklaamerkkiin \u2013 kaikki on niin tuttua, ett\u00e4 ensin ei huomaa logossa olevan jotain erilaista ja saatat ottaa toisen katsoa muutosta.\n<\/p>\n

\n Reaktioiden ja tunteiden manipulointi:
\n<\/h5>\n

\n Visuaalinen kieli typografialla suunniteltaessa leikkii paitsi ihmisen tunteilla my\u00f6s fyysisill\u00e4 reaktioillasi. Seuraavassa esimerkiss\u00e4 n\u00e4yt\u00e4mme sinulle yksinkertaisen grafiikan tunteita her\u00e4tt\u00e4vist\u00e4 ja monipuolisista tehosteista ja eritt\u00e4in t\u00e4rke\u00e4st\u00e4 ohjauksesta, joka voidaan saavuttaa helposti muuttamalla koko viestin visuaalista puolta, mutta silti se esitt\u00e4\u00e4 samaa sanallista kielt\u00e4.\n<\/p>\n

\n Ensimm\u00e4isess\u00e4 kuvassa n\u00e4et helposti suuren lihavoitun sanan, joka on tiiviisti erotettu ja asetettu pienill\u00e4 kirjaimilla. Sanan asema tekee siit\u00e4 kovan ja hallitsevan ja antaa t\u00e4ysin itsevarman, yst\u00e4v\u00e4llisen ja innostuneen viestin. Puhuva henkil\u00f6 on iloinen n\u00e4hdess\u00e4\u00e4n sinut ja toivottaa sinut tervetulleeksi valtava hymy kasvoillaan.\n<\/p>\n

\"\"<\/a><\/p>\n

\n Katso nyt toinen kuva, joka on t\u00e4ysin erilainen kuin ensimm\u00e4inen, vaikka siin\u00e4 on sama tervehdys. Sijainti, v\u00e4ri, mittakaava, kotelo ja fontti viittaavat kaikki huomattavasti ep\u00e4r\u00f6iv\u00e4mp\u00e4\u00e4n ja et\u00e4isemp\u00e4\u00e4n tapaamiseen. Itse asiassa et ole t\u00e4ysin varma t\u00e4ss\u00e4 kuvassa siit\u00e4, haluaako t\u00e4\u00e4ll\u00e4 puhuva henkil\u00f6 puhua sinulle vai j\u00e4tt\u00e4\u00e4 sinut kokonaan huomiotta.\n<\/p>\n

\"\"<\/a><\/p>\n

\n Jos luet yll\u00e4 olevat esimerkit \u00e4\u00e4neen, huomaat visuaalisen kielen t\u00e4ysin erilaiset vaikutukset. Katso ensimm\u00e4ist\u00e4 kuvaa ja sano se \u00e4\u00e4neen, ett\u00e4 se havainnollistaisi avoimuutta, yst\u00e4v\u00e4llisyytt\u00e4 ja aitoa iloa. Kun luet \u00e4\u00e4neen toista kuvaa, huomaat paljon hiljaisemman \u00e4\u00e4nen, sitoutumisen puutteen ja melkein ep\u00e4varman \u00e4\u00e4nen. On olemassa loputon valikoima typografisia valintoja, jotka saavat aikaan dramaattisia tai hienovaraisia \u200b\u200bmuutoksia \u00e4\u00e4nen s\u00e4vyyn ja \u00e4\u00e4nenvoimakkuuteen.\n<\/p>\n

\n N\u00e4in saat kaiken irti visuaalisesta kielest\u00e4:
\n<\/h5>\n

\n Sanallista kielt\u00e4 k\u00e4ytet\u00e4\u00e4n yleens\u00e4 muotoilun muotoilemiseen ja inspiroimiseen, kun taas toisaalta typografiaa k\u00e4ytet\u00e4\u00e4n viestin v\u00e4litt\u00e4miseen; molemmilla on sama tavoite saada katsojien reaktioista mahdollisimman paljon irti. Jos mallia sekoitetaan huolellisesti, se voi johtaa unohtumattomaan lopputulokseen. Seuraavat kuvat ovat t\u00e4ydellisi\u00e4 esimerkkej\u00e4 tuloksista, jotka voidaan saavuttaa k\u00e4ytt\u00e4m\u00e4ll\u00e4 visuaalista kielt\u00e4 motivoivaa verbaalista aspektia.\n<\/p>\n

\n Ensimm\u00e4inen kuva on Herb Lubalinin, tunnetun amerikkalaisen graafisen suunnittelijan taideteos. H\u00e4n kuvaili monografiassa Alan Peckolickin ja Gertrude Snyderin h\u00e4nest\u00e4 ”taitava typografi, jonka graafiset k\u00e4sitteet perustuvat typografiaan, taiteeseen ja kopiointiin ja korostaa h\u00e4nen sanomaansa sis\u00e4ist\u00e4 draamaa, h\u00e4n k\u00e4ytti kaikkia saatavilla olevia tuotantotapoja.”\n<\/p>\n

\n Jos luemme t\u00e4m\u00e4n artikkelin aiheen uudelleen, huomaamme, ett\u00e4 t\u00e4m\u00e4 lainaus sopii erityisen hyvin. Se n\u00e4ytt\u00e4\u00e4 Herbin graafisena suunnittelijana, joka arvosti paitsi kielen voimaa my\u00f6s sommittelua ja typografiaa. Kirja selitt\u00e4\u00e4 selke\u00e4sti, ett\u00e4 Lubalinin k\u00e4ytt\u00e4m\u00e4t tuotantomenetelm\u00e4t eiv\u00e4t ole pelk\u00e4st\u00e4\u00e4n efektej\u00e4, vaan se korostaa my\u00f6s tietyn projektin sanomaa ja merkityst\u00e4. Herbin aikana n\u00e4m\u00e4 tuomiot olisivat sis\u00e4lt\u00e4neet suurempia ruumiillisen ty\u00f6n rajoituksia kuin nykyajan ihmiset kohtaavat. Lopuksi se vahvistaa, ett\u00e4 Lubalinin ajatus oli eritt\u00e4in t\u00e4rke\u00e4 ja se on aina otettava huomioon ennen suunnittelua.\n<\/p>\n

\n Vuonna 1964 h\u00e4n esittelee Visual Graphics Corporationissa monia julkaisujaan, joista yhdess\u00e4 on lainaus tunnetulta yhdysvaltalaiselta kirjailijalta ja toimittajalta Caskie Stinnettilt\u00e4.\n<\/p>\n

\"\"<\/a><\/p>\n

\n Harkittua ja herkk\u00e4\u00e4 typografista sommittelua, yksityiskohtia k\u00e4ytt\u00e4m\u00e4ll\u00e4 Herb on suunnitellut ep\u00e4miellytt\u00e4v\u00e4n viestin miellytt\u00e4v\u00e4ksi ja houkuttelevaksi. Lainauksen mukaan ”diplomaatti on henkil\u00f6, joka voi k\u00e4ske\u00e4 sinut helvettiin niin, ett\u00e4 todella odotat matkaa.” Vaikka keskipiste sanoo ”mene helvettiin”, se on suunniteltu tyylikk\u00e4\u00e4seen ja taidokkaaseen kalligrafiseen muotoon.\n<\/p>\n

\n Toisaalta, jos n\u00e4emme k\u00e4sinkirjoitetun graafisen suunnittelijan Alison Carmichaelin taiteen, huomaamme, kuinka kauniisti h\u00e4n n\u00e4ytt\u00e4\u00e4 typografisen vaikutelman ottamalla merkityksen hallintaansa. H\u00e4n voitti my\u00f6s parhaan itsepromootiomainoksen palkinnon t\u00e4m\u00e4ntyyppisest\u00e4 luovan piirin suunnittelusta. Carmichaelin k\u00e4sinkirjoitus on musteella ja kaiverrettu monimutkaisella tyylill\u00e4 koulun p\u00f6yd\u00e4n p\u00e4\u00e4lle. Aluksi, kun katsot t\u00e4t\u00e4 mallia, se n\u00e4ytt\u00e4\u00e4 kauniilta, historialliselta goottilaisen kirjoitusteokselta; kun taas toisaalta sekunteja my\u00f6hemmin, kun todellisuus iskee, kirjoitetun sanan ep\u00e4miellytt\u00e4v\u00e4 merkitys selvi\u00e4\u00e4 sinulle.\n<\/p>\n

\"\"<\/a><\/p>\n

\n Ison-Britannian hallitus on tehnyt aloitteen lis\u00e4t\u00e4kseen tietoisuutta seksiteollisuuteen tyypillisill\u00e4 tortuilla salakuljetettujen ty\u00f6ntekij\u00f6iden ongelmista. Osallistuvia suunnittelijoita pyydet\u00e4\u00e4n l\u00e4hett\u00e4m\u00e4\u00e4n ”Tart-kortit” osallistuakseen n\u00e4yttelyyn. Sadat Lontoon prostituoidut mainostivat itse\u00e4\u00e4n ja palvelujaan esittelem\u00e4ll\u00e4 mainoskortteja puhelinlaatikoissa. Jopa 2000-luvulla, kun Internet ja matkapuhelimet ovat ymp\u00e4rill\u00e4 ja poliisin tukahduttamistoimissa, n\u00e4it\u00e4 kirpeit\u00e4 kortteja ihailtiin suuresti ja ihmiset ker\u00e4\u00e4v\u00e4t niit\u00e4 taiteena.\n<\/p>\n

\n Alla on esimerkkej\u00e4 ilmeikk\u00e4\u00e4st\u00e4 kirjasink\u00e4sittelyst\u00e4 ja kirjasintyypeist\u00e4, jotka visuaalisesti vahvistavat tekstin merkityst\u00e4. Kuka tahansa voi selvitt\u00e4\u00e4 korttien merkityksen vain katsomalla niit\u00e4:\n<\/p>\n

\"\"<\/a><\/p>\n

\n Alla on toinen loistava esimerkki visuaalisesta kirjoituskielest\u00e4 Jason Munnilta, kuuluisalta amerikkalaissuunnittelijalta, joka tunnetaan my\u00f6s paljon ihailluista musiikkijulisteistaan. Alla oleva esimerkki on p\u00e4\u00e4asiassa typografiaa, joka on suunniteltu siten, ett\u00e4 katsoja ei helposti ymm\u00e4rr\u00e4 kuvan merkityst\u00e4. Mik\u00e4 on todellisuus? My\u00f6s tyypin valinta on t\u00e4rke\u00e4; ohuiden ja paksujen vetojen suuret kontrastit viittaavat valheiden ja totuuden vertailuun.\n<\/p>\n

\"\"<\/a><\/p>\n

\n Yll\u00e4 olevan kuvan suunnittelija k\u00e4ytt\u00e4\u00e4 kirjasintyyppi\u00e4 vahvistaakseen t\u00e4m\u00e4n lausunnon merkityst\u00e4. N\u00e4m\u00e4 mallit eroavat hieman muista; kirjasintyyppi\u00e4 k\u00e4ytet\u00e4\u00e4n p\u00e4\u00e4asiassa vahvistamaan puhujien vakuuttavaa s\u00e4vy\u00e4 ja agendaa.\n<\/p>\n

\"\"<\/a><\/p>\n

\n Yll\u00e4 oleva esimerkki on tunnetusta BBC:n sitcomista ”Keeping up Apppearances”. Sanat puhuu ohjelman p\u00e4\u00e4henkil\u00f6 \u2013 m\u00e4\u00e4r\u00e4tietoinen, eksentrinen ja sosiaalinen Hyacinth Bucket, 60-vuotias suuri kunnianhimoinen nainen. Kirjaimet on typografisesti ryhmitelty ja valittu hahmon tarpeita korostamaan. T\u00e4ss\u00e4 sanat ”minun” ja ”haluan” n\u00e4kyv\u00e4t lihavoituna teatterin mittakaavan muutoksen vuoksi. ”Superiors” kirjoitetaan isoilla kirjaimilla, kun taas ”sinun” kokoa pienennet\u00e4\u00e4n ja kirjoitetaan pienill\u00e4 kirjaimilla, mik\u00e4 v\u00e4hent\u00e4\u00e4 sen merkityst\u00e4, kenen kanssa h\u00e4n juttelee, mik\u00e4 vastaa hahmon m\u00e4\u00e4r\u00e4ysvaltaa ja puhe\u00e4\u00e4nt\u00e4 puhuttaessa h\u00e4nen maitomiehens\u00e4.\n<\/p>\n

\n Suunnittelijat k\u00e4yttiv\u00e4t typografiaa mielialan, sukupuolen, i\u00e4n, persoonallisuuden ja \u00e4\u00e4nens\u00e4vyn viestimiseen, ja sit\u00e4 voidaan helposti muokata. Jos t\u00e4m\u00e4n naisen persoonallisuutta edustavan serif-fontin vaihtoehtona k\u00e4ytimme laatta-serifi\u00e4, yht\u00e4kki\u00e4 persoonallisuus muuttuu ja siten koko lausunnon emotionaalinen vaikutus. Jos arvioida yksinkertaisesti konekirjoituksen perusteella, puhujan sukupuoli vaihtuu naisesta; My\u00f6sk\u00e4\u00e4n h\u00e4nen ik\u00e4ns\u00e4 ei ole 60-luvulla eik\u00e4 h\u00e4nen mielialansa ole ollenkaan pelkk\u00e4 teeskentelev\u00e4, vaan l\u00e4hestyy \u00e4rsyyntymist\u00e4. Se on paras esimerkki siit\u00e4, kuinka yksi yksinkertainen tyypin vaihto voi muuttaa s\u00e4vyn nopeasti.\n<\/p>\n

\"\"<\/a><\/p>\n

\n Kukaan ei voi aliarvioida typografian voimaa:
\n<\/h5>\n

\n Yll\u00e4 olevat esimerkit osoittavat selv\u00e4sti, ett\u00e4 typografia toimii verbaalisen kielen ohella lis\u00e4\u00e4m\u00e4\u00e4n, muuttamaan ja luomaan merkityst\u00e4. Vaikka toisaalta suunnittelun visuaalinen puoli on my\u00f6s eritt\u00e4in t\u00e4rke\u00e4, kukaan ei voi aliarvioida tyypin merkityst\u00e4 lausunnon merkitykseen vaikuttamisessa.\n<\/p>\n

\n Graafisen suunnittelijan velvollisuus \u2013 ja itse asiassa rooli \u2013 sanan kielen merkityst\u00e4 tuovan \u00e4\u00e4nen s\u00e4vyn muodostamisessa vaatii pitk\u00e4n ja s\u00e4\u00e4nn\u00f6llisen keskustelun. Monet akateemikot ja graafiset suunnittelijat v\u00e4itt\u00e4v\u00e4t, ett\u00e4 suunnittelijan velvollisuutena on lis\u00e4t\u00e4 ”makua ja makua” ty\u00f6h\u00f6ns\u00e4, ei vain tehostaa ja v\u00e4litt\u00e4\u00e4 viesti\u00e4, vaan my\u00f6s tehd\u00e4 viestist\u00e4 rohkaiseva ja miellytt\u00e4v\u00e4 lukea ja tietysti muistaa.\n<\/p>\n

\n Artikkelin toisessa osassa olemme osoittaneet sinulle verbaalisen ja visuaalisen kielen v\u00e4lisen vahvan suhteen. Kielen semiotiikkaa ja rakennetta k\u00e4sitell\u00e4\u00e4n lyhyesti ja esittelemme sinulle erinomaisia \u200b\u200besimerkkej\u00e4, jotka kaikki selitt\u00e4\u00e4, miksi pienet typografiset muutokset vaikuttavat.\n<\/p>\n<\/p>\n

\n : instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Nyky\u00e4\u00e4n graafiset suunnittelijat k\u00e4ytt\u00e4v\u00e4t laajalti typografiaa selvitt\u00e4\u00e4kseen tyypin suunnittelun ja t\u00e4m\u00e4n tyypin v\u00e4liset suhteet. Taitava graafinen suunnittelija luo oikeanlaisen tasapainon tietyn suunnittelun sanallisten ominaisuuksien ja visuaalisen v\u00e4lill\u00e4 viesti\u00e4kseen viestin. Joskus graafiset suunnittelijat kuitenkin huomaavat tyypin visuaalisen ominaisuuden voimakkaamman kuin sanallisen aspektin. N\u00e4iss\u00e4 tapauksissa visuaalista kielt\u00e4 k\u00e4ytet\u00e4\u00e4n puhumaan. T\u00e4ss\u00e4 artikkelissa valotamme, mit\u00e4 tapahtuu, kun typografia puhuu enemm\u00e4n kuin sanat. Cal Swanin, kuuluisan\u2026<\/p>\n","protected":false},"author":1,"featured_media":143971,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[248,53,196,144],"tags":[],"class_list":["post-249817","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-fontit","category-web-ja-wordpress-2","category-web-suunnittelu","category-web-vinkkeja-ja-vinkkeja"],"_links":{"self":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/posts\/249817","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/comments?post=249817"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/posts\/249817\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/media\/143971"}],"wp:attachment":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/media?parent=249817"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/categories?post=249817"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/tags?post=249817"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}