# Kirjainkuvitus ja typografia: mitä eroa niillä on

[Canonical HTML page](https://gradiently.design/fi/guide/lettering-vs-typography)

Toinen piirretään yhtä työtä varten, toinen rakentuu uudelleen käytettäviksi suunnitelluista kirjaimista. Oikean valinta säästää aikaa, rahaa ja estää logoasi näyttämästä samalta kuin muiden.

## The short version

- Kirjainkuvitus on kirjainten piirtämistä yhtä tiettyä käyttötarkoitusta, kuten logoa, kylttiä tai kirjan kantta varten.
- Typografia on fonttien kirjainten sommittelua. Fontit on suunniteltu käytettäviksi uudelleen missä tahansa yhdistelmässä.
- Kalligrafiassa kirjain kirjoitetaan kynän tai siveltimen yhtenäisellä liikkeellä, kun taas käsin tehty kirjainkuvitus rakentaa kirjaimet useista piirretyistä vedoista.
- Kirjainkuvitus sopii logoihin, otsikoihin ja kyltteihin, joissa muutaman sanan pitää olla ainutlaatuinen. Typografia sopii kaikkeen, missä on paljon sanoja tai useita töitä.
- Monet kuuluisat logot ovat lähtöisin kirjainkuvituksesta, kuten 1880-luvulla Spencerian-tyylillä kirjoitettu Coca-Colan kaunokirjoituslogo.

**Kirjainkuvitus ja typografia** eroavat siinä, voiko kirjaimia käyttää uudelleen. Kirjainkuvituksessa piirretään kirjaimet yhteen tiettyyn työhön: logoon, kaupan kylttiin tai kirjan nimeen. Jokainen kirjain voidaan muotoilla naapuriensa ja tilan mukaan. Typografiassa sommitellaan fonttien kirjaimia: valmiita merkkejä, jotka on suunniteltu toimimaan missä tahansa järjestyksessä, koossa ja tekstimäärässä. Kirjainkuvitus antaa jotain, mitä kenelläkään muulla ei ole. Typografia antaa yhtenäisyyttä, nopeutta ja luettavuutta kaikkeen julkaisemaasi. Useimmat brändit tarvitsevat molempia.

## Määritelmät: kirjainkuvitus, typografia, kalligrafia ja kirjaintyyppisuunnittelu

Neljä toisiinsa liittyvää taitoa sekoittuu jatkuvasti. Selkeimmin erotat ne kysymällä, mitä tehdään ja voiko sitä käyttää uudelleen.

| Taito | Mitä teet | Uudelleenkäytettävä? | Tavallinen tulos |
| --- | --- | --- | --- |
| Kirjainkuvitus | Yhteen käyttötarkoitukseen piirretyt kirjaimet | Ei | Logo, kyltti, julisteen otsikko, kirjan kansi |
| Typografia | Olemassa olevista fonteista rakennetut asettelut | Kyllä, fontteja käytetään uudelleen | Verkkosivu, ruokalista, lehti, somejulkaisu |
| Kalligrafia | Kynän tai siveltimen yksittäisillä vedoilla kirjoitetut kirjaimet | Ei | Kutsut, todistukset, taideteokset |
| Kirjaintyyppisuunnittelu | Fontti itse: jokainen merkki, välistys ja parivälistys | Kyllä, muiden käytössä | Kirjaintyyppi, kuten Inter tai Garamond |

Kirjainkuvitus ja kalligrafia tuottavat yhden teoksen. Kirjaintyyppisuunnittelu tuottaa työkalun. Typografia käyttää työkalua.

Kirjainkuvituksen ja kalligrafian raja on kirjainten tekotavassa. Kalligrafi kirjoittaa: yksi kynän liike tekee vedon. Kirjainkuvittaja piirtää: ääriviivat luonnostellaan, hiotaan ja täytetään, joten yksittäinen piirto voi rakentua monista jäljistä. Sivellinkirjainkuvitus sijoittuu väliin, ja arkikäytössä nimet menevät päällekkäin. [Käsialafontit](https://gradiently.design/fi/guide/script-fonts) jäljittelevät molempia uudelleenkäytön rajoissa.

## Miten kirjainkuvitus ja typografia eroavat käytännössä

### Kirjainkuvitus

- Jokainen kirjain voi muuttaa muotoaan naapuriensa mukaan
- Saman sanan kaksi e-kirjainta voivat näyttää erilaisilta
- Sopii tiettyyn tilaan, kaareen tai esineeseen
- Ainutlaatuinen: kenelläkään muulla ei ole täsmälleen samoja kirjaimia
- Hidas tehdä, vaikea muokata tai kääntää

### Typografia

- Jokainen e-kirjain on aina samanlainen
- Välistys ja parivälistys on rakennettu fonttiin
- Mukautuu mihin tahansa kokoon, pituuteen tai muotoon
- Yhteinen: kuka tahansa voi lisensoida saman fontin
- Nopea muokata, kääntää ja skaalata

Viimeinen rivi kertoo todellisen vaihtokaupan. Kirjainkuvitus on kertatyö, joten sanan muuttaminen tarkoittaa sen piirtämistä uudelleen. Typografia on järjestelmä, joten voit vaihtaa hinnan, kääntää ruokalistan tai tehdä sata somejulkaisua iltapäivässä. [Typografian perusteet](https://gradiently.design/fi/guide/typography-basics) kertoo, miten hyvä ladonta toimii.

## Kuuluisia esimerkkejä kirjainkuvituksesta

Monet maailman tunnetuimmista logoista alkoivat piirretyistä tai kirjoitetuista kirjaimista, eivät fonteista. Se on osa niiden tunnistettavuutta: mikään fontti ei sisällä niitä.

| Logo | Alkuperä | Miksi se on kirjainkuvitusta |
| --- | --- | --- |
| Coca-Cola | Frank M. Robinson kirjoitti sen Spencerian-käsialalla 1880-luvulla | Yhdeksi kokonaisuudeksi piirretyt, yhdistyvät ja virtaavat kirjaimet, joita on hiottu vuosikymmenten ajan |
| Disney | Walt Disneyn allekirjoitukseen perustuva tyylitelty käsiala | Kirjaimet ovat allekirjoitus, eivät kirjaintyyppi |
| Kellogg's | Perustuu W. K. Kelloggin allekirjoitukseen | Käsin piirretty kirjoitus, jolla on oma rytminsä |

Jokainen näistä alkoi käsialana tai piirrettynä kirjoituksena ja muuttui nimilogoksi. Niitä jäljittelevät fontit tuntuvat yhä jäljitelmiltä.

Pelkästään kirjaimista koostuvaa logoa kutsutaan nimilogoksi. Parhaat ovat yleensä kirjainkuvitusta tai niin vahvasti muokattua fonttia, että siitä tulee kirjainkuvitusta. [Nimilogot](https://gradiently.design/fi/guide/wordmark-design) käy läpi sellaisen tekemisen.

## Milloin käytät kirjainkuvitusta ja milloin typografiaa

Pystyjuliste, jossa yksittäinen sana Saltwater on suurena otsikkona

Yksi sana, paikan nimi: kirjainkuvituksen tehtävä, jossa luonne merkitsee enemmän kuin muunneltavuus.

Pystysuuntainen somejulkaisu luettelee Saltwater-nimisen paikan viikon tapahtumat selkeällä typografialla

Paljon sanoja, jotka vaihtuvat joka viikko: typografian tehtävä brändin fonteilla.

- **Käytä kirjainkuvitusta** logoon tai nimilogoon, kaupan julkisivuun tai seinämaalaukseen, kirjan tai albumin nimeen, yksittäiseen julisteotsikkoon ja kaikkeen, jonka pitää erottua muiden töistä.
- **Käytä typografiaa** leipätekstiin, ruokalistoihin, verkkosivuihin, sovelluksiin, somesarjoihin, pakkaustietoihin ja kaikkeen, mikä muuttuu tai tarvitsee käännöksen.
- **Käytä molempia**, kun piirretty nimi tai otsikko on ladottujen lisätietojen yläpuolella. Näin useimmat hyvät julisteet, kannet ja brändit toimivat.

## Näin aloitat kirjainten piirtämisen käsin

1. **Kirjoita sana monta kertaa** Tee nopeita pieniä lyijykynäluonnoksia, kymmenen tai kaksikymmentä versiota eri tyyleillä: korkeita, leveitä, kaunokirjoitusta, palikkakirjaimia. Älä vielä hio.
2. **Valitse runko** Valitse kokonaismuodoltaan paras versio ja piirrä se suurempana yksittäisillä viivoilla, jokaisen kirjaimen rungoksi.
3. **Lisää vahvuutta** Paksunna piirtoja rungon ympäriltä. Kaunokirjoituksessa alasvedot ovat paksuja ja ylösvedot ohuita, kuin kynällä tehtyjä.
4. **Korjaa välit silmämääräisesti** Tasapainota kirjainten välit niin, että ne näyttävät tasaisilta, eivät mittaudu tasaisiksi. Kirjainkuvituksessa voit säätää jokaista paria.
5. **Piirrä vektoreiksi** Skannaa tai kuvaa työ ja piirrä se uudelleen puhtaina käyrinä vektoriohjelmassa, jotta se skaalautuu käyntikortista kylttiin.

## Kirjaintehosteet: välimuoto

Piirretyn kirjainkuvituksen ja tavallisen tekstin välissä on hyödyllinen välimuoto: teksti, johon lisätään tehoste, kuten ääriviiva, sisäviiva, syvyys tai painojälki. Se säilyttää fontin muokattavuuden ja osan kirjainkuvituksen luonteesta. [Ääriviivateksti](https://gradiently.design/fi/guide/outline-text), [3D-tekstitehosteet](https://gradiently.design/fi/guide/3d-text-effect) ja [retro-tekstitehosteet](https://gradiently.design/fi/guide/retro-text-effect) näyttävät klassikot.

Gradientlyssä on kahdeksan valmista tehostetta: Käyrät, Sisäviiva, Leikattu, Kohotettu, Kaksinkertainen, Jälki, Riso ja Halo. Jokainen piirretään sanojen takana olevan Markin väreillä. Koska sanat pysyvät aitona tekstinä, voit edelleen muuttaa niitä, vaihtaa suunnitelman kokoa tai kääntää sen. [Kirjaintehosteet](https://gradiently.design/fi/guide/lettering-treatments) kertoo jokaisesta ja sen sopivista käyttökohteista.

## FAQ

### Mitä eroa on kirjainkuvituksella ja typografialla?

Kirjainkuvitus on kirjainten piirtämistä yhtä käyttötarkoitusta, kuten logoa tai kylttiä varten. Typografia on uudelleen käytettäviksi suunniteltujen fonttien kirjainten sommittelua.

### Onko kirjainkuvitus sama asia kuin kalligrafia?

Ei. Kalligrafiassa jokainen veto kirjoitetaan yhdellä kynän tai siveltimen liikkeellä. Kirjainkuvituksessa kirjaimet piirretään, kukin piirto rakennetaan useista jäljistä ja hiotaan.

### Ovatko käsin piirretyt kirjaimet fontti?

Eivät. Käsin tehty kirjainkuvitus on tiettyjen sanojen kertaluonteinen piirros. Fontti on uudelleen käytettävä merkkijoukko, vaikka jotkin fontit jäljittelevät kirjainkuvitusta.

### Pitäisikö logoni olla kirjainkuvitusta vai fontti?

Kirjainkuvitus tai vahvasti muokattu fontti tekee logosta ainutlaatuisen, koska kukaan muu ei voi käyttää sitä. Tavallinen fontti on edullisempi, mutta yhteinen kaikille sen lisensoiville.