# Logon suunnittelun perusteet: yksinkertainen ja kestävä

[Canonical HTML page](https://gradiently.design/fi/guide/logo-design-basics)

Logo tekee pienen työn monessa paikassa. Sen on toimittava yksivärisenä, kynnen kokoisena ja millä tahansa taustalla. Näillä periaatteilla ja menetelmällä pääset siihen.

## The short version

- Hyvä logon suunnittelu tuottaa tunnuksen, jonka tunnistaa yhdellä katseella, joka toimii yksivärisenä ja säilyy luettavana hyvin pienessä koossa.
- Viisi yleistä logotyyppiä ovat nimilogo, kirjainlogo, symboli, yhdistelmälogo ja tunnuskuvio.
- Suunnittele logo ensin mustavalkoisena, sillä vain värillisenä toimiva logo epäonnistuu kuiteissa, leimoissa ja levottomilla taustoilla.
- Testaa logo pienissä koissa, kuten profiilikuvassa tai selainvälilehdellä, ennen hyväksymistä.
- Logo on yksi osa brändi-identiteettiä. Värit, kirjasimet ja taustat tekevät suuren osan brändin tunnistettavuuden työstä.

Hyvä **logon suunnittelu** perustuu muutamaan asiaan: pidä tunnus sekunnissa tunnistettavana, tee siitä yksivärisenä toimiva, tarkista se pikkukoossa ja valitse yritykseen sopiva tyyli trendin sijaan. Aloita nimestä, luonnostele paperilla ja suunnittele mustavalkoisena. Lisää väri vasta, kun muoto toimii yksinään. Nämä testit läpäisevä logo kestää vuosia.

Pidä myös logon tehtävä oikeassa mittakaavassa. Se allekirjoittaa työsi, eikä sen tarvitse selittää yritystäsi. Päivittäiset värit, kirjasimet ja taustat tekevät yhtä paljon brändin tunnistamiseksi, kuten [visuaalinen identiteetti](https://gradiently.design/fi/guide/visual-identity) selittää.

## Viisi logotyyppiä

| Tyyppi | Mikä se on | Sopii, kun |
| --- | --- | --- |
| Nimilogo | Nimi valitulla tai muokatulla kirjasimella | Nimi on lyhyt ja erottuva |
| Kirjainlogo | Nimikirjaimet tai yksi kirjain | Koko nimi on pitkä tai nimikirjaimet ovat jo käytössä |
| Symboli | Kuva tai abstrakti muoto yksinään | Brändi tunnetaan tai sen pitää toimia ilman sanoja |
| Yhdistelmälogo | Symboli ja nimilogo kiinteässä yhdistelmässä | Useimmille uusille yrityksille: nimi rakentaa symbolin tunnistamista |
| Tunnuskuvio | Sanat muodon sisällä, kuten merkissä tai sinetissä | Perinteiset ammatit, kerhot, panimot ja koulut |

Useimmat pienyritykset aloittavat nimilogosta tai yhdistelmälogosta. Pelkkä symboli toimii vasta, kun ihmiset tuntevat nimen.

Jos nimesi on lyhyt, [nimilogo](https://gradiently.design/fi/guide/wordmark-design) on usein vahvin ja edullisin onnistunut valinta, sillä kaikki työ on kirjaimissa.

## Kestävän logon suunnitteluperiaatteet

- **Yksinkertainen.** Vähemmän muotoja tarkoittaa nopeampaa tunnistamista ja vähemmän ongelmia pienennettäessä, kirjottaessa tai yhdellä musteella painettaessa.
- **Erottuva.** Katso kymmenen kilpailijan logoja. Jos omasi voisi vaihtaa niiden joukkoon huomaamatta, jatka työtä.
- **Yksivärinen ensin.** Logon pitäisi toimia täysin mustana ja valkoisena ennen palettia.
- **Skaalautuva.** Sen on erotuttava selainvälilehden koossa ja näytettävä tarkoitukselliselta näyteikkunassa.
- **Sopiva.** Asianajotoimistolla ja karkkikaupalla voi olla hyvät mutta aivan erilaiset logot. Sovita [brändin persoonallisuuteen](https://gradiently.design/fi/guide/brand-personality).
- **Ajaton.** Trenditehosteet vanhenevat nopeasti. Selkeä muoto ja harkittu kirjasin vanhenevat hitaasti.

### Vältä

- Ohuita viivoja ja pieniä yksityiskohtia, jotka katoavat pikkukoossa
- Logoon sisällytettyjä liukuvärejä, varjoja tai hehkua
- Yli kahta kirjasinta
- Kirjaimellisia tuotekuvia: kahvilan kuppi, välittäjän talo
- Valmiskuvia tai kuvapankkikuvakkeita, joita kuka tahansa voi käyttää

### Tee näin

- Vahvat yksinkertaiset muodot väljin välein
- Tasainen väri, syvyys taustasta
- Yksi huolellisesti valittu ja käsin säädetty kirjasin
- Ajatus tunteesta, ei esineestä
- Sinulle piirretty asia, vaikka yksinkertainen

Tasainen logo ei tarkoita tasaista brändiä. Laita rikkaus taustaan ja anna logon olla selkeästi päällä. [Logo liukuväritaustalla](https://gradiently.design/fi/guide/logo-on-gradient-background) näyttää, miten pidät sen terävänä.

## Logon suunnittelu vaihe vaiheelta

1. **Kirjoita toimeksianto** Ketä yritys palvelee, kolme sanaa tunnelmasta, logon tärkeimmät käyttöpaikat ja kilpailijoiden ilme.
2. **Luonnostele paperilla** Piirrä kolmekymmentä karkeaa ideaa postimerkkiä pienempiin ruutuihin. Pienet luonnokset pakottavat yksinkertaisiin ideoihin.
3. **Valitse kirjasin** Kokeile nimeä kymmenellä kirjasimella ennen omien kirjainten piirtämistä. Oikea kirjasin voi kantaa koko logon. [Brändikirjasimet](https://gradiently.design/fi/guide/brand-fonts) auttaa rajaamaan.
4. **Rakenna mustavalkoisena** Vie kolme parasta ideaa vektoriohjelmaan ja hio mustana valkoisella. Säädä kirjainvälejä silmämääräisesti.
5. **Testaa pienenä ja käytössä** Pienennä jokainen profiilikuva- ja favicon-kokoon sekä laita oikeisiin suunnitelmiin. Hylkää sumeat tai muotonsa menettävät.
6. **Lisää väri viimeiseksi** Valitse yksi pääväri ja vaalea versio tummille taustoille. [Brändivärien valitseminen](https://gradiently.design/fi/guide/how-to-choose-brand-colors) käsittelee loput.
7. **Tee versiot ja tiedostot** Luo pysty-, vaaka-, kuvake- ja yksiväriset versiot sekä vie SVG-, PNG- ja PDF-tiedostot.

## Testaa logo todellisissa koissa

Logo nähdään paljon useammin pienenä kuin suurena. Puhelimen profiilikuva on pieni ympyrä, ja favicon voi näkyä vain 16 pikselin koossa. Laita logo todellisiin käyttömuotoihinsa ja katso jokaista siinä koossa, jossa ihmiset sen näkevät.

- Profiilineliö 1080×1080: 1080 × 1080
- Käyntikortti 1050×600: 1050 × 600
- Tarina 1080×1920: 1080 × 1920
- Sivuston pääkuva 1920×1080: 1920 × 1080

Neljä tavallista logon käyttöpaikkaa mittakaavassa. Vain yhteen näistä sopiva logo tarvitsee toisen, eri tavalla asetellun version.

Neliökuva, jossa nimilogo fern on keskitetty pehmeälle vihreälle liukuvärille profiilikuvan tapaan

Lyhyt pienaakkosinen nimilogo toimii neliömuotoisena profiilikuvana.

Vaakasuuntainen käyntikortti, jossa ovat nimilogo fern, sana Kasvistudio ja sähköpostiosoite samalla vihreällä liukuvärillä

Sama nimilogo käyntikortissa, alla tilaa pienelle kuvaukselle.

Kokeile myös levottomalla taustalla. Jos logo erottuu vain puhtaalla valkoisella, sillä on vaikeuksia kuvissa, pakkauksissa ja somejulkaisuissa, joissa useimmat kohtaavat sen.

## Logon värit: aloita kahdesta versiosta

- Saniaisenvihreä (pääväri): #14532d
- Paperi (vaalea versio): #f7f3ea
- Musta (yksivärinen): #111111
- Valkoinen (negatiiviversio): #ffffff

Käytännöllinen aloitusjoukko: pääväri, vaalea versio tummille taustoille sekä puhdas musta ja valkoinen yhden musteen painatukseen ja valokuville.

Vastusta kolmannen tai neljännen värin lisäämistä logoon. Jokainen lisäväri voi epäonnistua painossa, näytöllä tai levottomassa kuvassa. Pidä vaihtelu taustoissa ja asetteluissa, joissa se lisää eloa heikentämättä logoa. [Logoversiot](https://gradiently.design/fi/guide/logo-variations) näyttää koko joukon rakentamisen.

Kun logo on valmis, laita se käyttöön. Gradientlyn brändipaketti tallentaa logot, värit ja kirjasimet, ja Designer käyttää niitä asettelussa. Oikea versio tulee joka julkaisuun ilman tiedostojen etsimistä.

## FAQ

### Mikä tekee logon suunnittelusta hyvää?

Hyvä logo on yksinkertainen, erottuva, yksivärisenä toimiva, pienessä koossa luettava ja yrityksen persoonallisuuteen sopiva.

### Mitkä ovat tärkeimmät logotyypit?

Nimilogot, kirjainlogot, symbolit, yhdistelmälogot ja tunnuskuviot. Useimmat uudet yritykset aloittavat nimilogosta tai yhdistelmälogosta.

### Pitäisikö logossa olla liukuväri?

Yleensä ei itse logossa, sillä liukuväri ei toimi yksiväripainatuksessa ja pienissä koissa. Pidä logo tasaisena ja liukuväri taustassa.

### Mitä tiedostomuotoja logo tarvitsee?

SVG:n näytöille ja skaalaukseen, läpinäkyvät PNG:t arkikäyttöön ja PDF:n tai EPS:n painoon, kaikki värillisinä, mustina ja valkoisina.

### Kuinka monta väriä logossa pitäisi olla?

Yksi tai kaksi on ihanteellinen. Vähemmän värejä tekee logosta helpommin toistettavan, edullisemmin painettavan ja tunnistettavamman.